无法使用JQuery在ID为的Datalist内找到元素

下面是呈现的数据列表。似乎$（'#ctl00_ContentPlaceHolder1_ShowListing_DataList1$3$0$inquire'）。单击（function（）{…}不起作用，因为当我单击要触发此函数的按钮之一（在数据列表上）时，什么都没有发生

如何使用JQuery按ID查找按钮？因此，如果单击DataList上的任何按钮，基本上应该触发该函数

多谢各位

    <table id="ctl00_ContentPlaceHolder1_ShowListing_DataList1" class="DataWebControlStyle"
        style="visibility: visible;">
        <tbody>
            <tr>
                <td class="RowStyle">
                    <div class="ListItemContainer">
                        <div class="EnquireButton">
                            <a class="activator" id="ctl00_ContentPlaceHolder1_ShowListing_DataList1$3$1$enquire">
                            </a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="RowStyle">
                    <div class="ListItemContainer">
                        <div class="EnquireButton">
                            <a class="activator" id="ctl00_ContentPlaceHolder1_ShowListing_DataList1$3$1$enquire">
                            </a>
                        </div>
                    </div>
                </td>
            </tr>
        </tbody>
    </table>

    <script type="text/javascript">
        $(function() {
            $('#ctl00_ContentPlaceHolder1_ShowListing_DataList1$3$0$enquire').click(function() {
                $('#enquireOverlay').fadeIn('fast', function() {
                    $('#box').animate({ 'top': '160px' }, 500);
                });
            });
            $('#boxclose').click(function() {
                $('#box').animate({ 'top': '-200px' }, 500, function() {
                    $('#enquireOverlay').fadeOut('fast');
                });
            });
        });
    </script>

$（函数（）{
$（“#ctl00_内容占位符1_显示列表_数据列表1$3$0$INQUIRE”）。单击（函数（）{
$（'#inquireOverlay'）.fadeIn（'fast'，function（）{
$（#box'）.animate（{'top'：'160px'}，500）；
});
});
$（'#boxclose'）。单击（函数（）{
$（'#box'）。动画（{'top'：'-200px'}，500，function（）{
$（“#查询覆盖”）.fadeOut（'fast'）；
});
});
});

不要使用ID，使用他们已经拥有的方便的

类

：

$('a.activator').click(function() {
    $('#enquireOverlay').fadeIn('fast', function() {
        $('#box').animate({ 'top': '160px' }, 500);
    });
});

或者更好的方法是：

这两种方法都可以精简代码，并允许您将其移动到外部可缓存文件中供用户使用。

您应该使用live

  $("#boxclose").live("click", function() {
                    $('#box').animate({ 'top': '-200px' }, 500, function() {
                        $('#enquireOverlay').fadeOut('fast');
                    });
                });

---

ID在HTML属性中必须是唯一的。谢谢Kim和Nick。最终得到了一个混合的..$（'a.activator'）.live（“单击”，函数（）{…}

  $("#boxclose").live("click", function() {
                    $('#box').animate({ 'top': '-200px' }, 500, function() {
                        $('#enquireOverlay').fadeOut('fast');
                    });
                });