jquerytd点击事件

我试图通过jquery在表上的td单元格上触发一个点击事件。我已经为不同表中的行实现了它，没有任何问题。作为参考，该表是一个月历，点击一个正方形将调出当天的数据

我无法启动事件，因此我将代码精简到基本内容，并将其放在自己的页面上，以确保没有任何干扰。css中的table类是table.calendar，下面是代码：

 $('table.calendar').delegate('td','click',function () {
        alert('Success');
        var href = $(this).find("a").attr("href");
        if (href) {
            window.location = href;
        }
    });

我也试过把它当作日历，但没有成功。我已经确认桌上的课程是正确的，没有其他课程。我使用的是

jquery1.6

---

你知道为什么事件没有发生吗

尝试将代码包装到就绪回调中：

jQuery(function($) {
    $('table.calendar').delegate('td','click',function () {
            alert('Success');
            var href = $(this).find("a").attr("href");
            if (href) {
                window.location = href;
            }
        });
});

如果这不起作用，则很有可能您的

table.calendar

是异步添加的。然后尝试：

$(document).deligate('table.calendar td', 'click', function() {
    alert("Success!");
});

或

---

如果这不起作用，您就没有任何带有类

日历的表包含任何
td
原始代码。请注意，我使用的是VS2010，因此一些代码来自那里

<form method="post" action="WebForm1.aspx" id="form1">








//

jQuery（函数（$）{
$（'table.calendar'）。委托（'td'，'click'，函数（）{
警惕（“成功”）；
var href=$（this.find（“a”）.attr（“href”）；
如果（href）{
window.location=href；
}
});
});



345





您确定在尝试绑定事件之前已添加表吗？您是否将代码包装在
$（文档）中。准备就绪（函数…
或
$（函数…
？是否有任何东西让它等待dom加载？@AndreasAL'根据一组特定的根元素，现在或将来为与选择器匹配的所有元素的一个或多个事件附加一个处理程序。@Jashwant ya？？？…但我要确定表（根元素）在事件绑定后添加。是的，我后来得到了它，我是+1’回答你的人。删除它没有意义，因为这是一条很好的信息，所以我将它放在那里：）这些都不管用。我还修改了桌面上的类，给它一个粉红色的背景，这样我就100%确定它正确地击中了桌面。我想我不100%理解td click even是如何工作的？@JonLeach如果你发布一个示例和一些HTML，我也许可以帮你。
<form method="post" action="WebForm1.aspx" id="form1">

<script type="text/javascript">



    jQuery(function ($) {

        $('table.calendar').delegate('td', 'click', function () {

            alert('Success');

            var href = $(this).find("a").attr("href");

            if (href) {

                window.location = href;

            }

        });

    });

<div>

<table id="tblCalendar" class="calendar" rules="all" border="1" style="width:70%;float:right;border-width:2px;border-color:Gray">

<tr style="border-width:2px;border-style:solid;">

    <th><a id="LinkBack" href="javascript:__doPostBack(&#39;LinkBack&#39;,&#39;&#39;)" style="font-size:Large;"><<</a></th><th align="center" colspan="1"><span id="CalendarTitle" style="font-size:Large;"></span></th><th align="center"><a id="LinkForward" href="javascript:__doPostBack(&#39;LinkForward&#39;,&#39;&#39;)" style="font-size:Large;">>></a></th>

</tr><tr>

    <td class="Regular">3</td><td>4</td><td>5</td>

</tr>

</div>

</form>