不允许点击

Question

我很快就写下来，因为我遇到了问题。 如果代码看起来很乱，我道歉。 肢体不可点击吗？ 没有警报，我看不到任何明显的错误

相关的PHP

echo '<table>';
while ($row = mysql_fetch_array($result)) { 

echo
'<tbody class = "reserveAPickupAppointmentRoommateAppointment"
        id = "reserveAPickupAppointmentRoommateAppointment">
    <tr>
            <td>'
                .$row["name"].
            '</td>
            <td>
                <span class = "reserveAPickupAppointmentLocaton"
                            id="reserveAPickupAppointmentLocaton">'
                    .$row["location"].
                '</span>
            </td>
            <td>
                <span class = "reserveAPickupAppointmentSubLocaton"
                            id="reserveAPickupAppointmentSubLocaton">'
                    .$row["subLocation"].
                '</span>
            </td>
        </tr>
        <tr>
            <td>
                <span class = "reserveAPickupAppointmentStartTime"
                            id="reserveAPickupAppointmentStartTime">'
                .$row["startTime"].
            '</span>    - 
            <span class = "reserveAPickupAppointmentEndTime"
                            id="reserveAPickupAppointmentEndTime">'
            .$row["endTime"].
                '</span>
            </td>
            <td>
                <span class = "reserveAPickupAppointmentDate"
                            id="reserveAPickupAppointmentDate">'
                .$row["date"].
                '</span>
            </td>
        </tr>
    </tbody>';
}

echo '</table>';

jquery包含在我的文档准备好的functon中

   $("#reserveAPickupAppointmentRoommateAppointment").click (function() {
    alert ("TEST");
   });

Answer 1

您的ID与您的班级相匹配的事实有点令人恐惧。 我不知道php ，但它会从似乎while ，你要创建一个以上tbody在一个循环。

这意味着您将拥有多个具有ID reserveAPickupAppointmentRoommateAppointment元素。 如果是这样，则它是无效的，并且选择器仅可能匹配第一个。

要直接回答你的问题，是的，只要你允许事件冒泡到它， tbody就可以拥有一个处理程序。

http://jsfiddle.net/hEw54/

---

不知道你的其余代码，我猜你想要表上的ID，然后选择它下面的所有tbody元素。

$(document).ready(function() {
    $('#reserveAPickupAppointmentRoommateAppointment tbody').click(function() {
        alert ("TEST");
    });
});

或者您可以直接按类选择：

$(function() {
    $('.reserveAPickupAppointmentRoommateAppointment').click(function() {
        alert ("TEST");
    });
});

---

我将上面的代码更新为放置在jQuery DOM ready处理程序中。 你会注意到这两个例子略有不同。 它们本质上是相同的，第二个是第一个的快捷方式。 还有其他细微的差异，但在此无需关注。

还要注意，有些人将以下内容误认为是DOM就绪代码：

(function() {

    // I'm not a DOM ready construct

})();

Answer 2

您不能将onclick与TABLE，TBODY或TR一起使用，但可以使用jQuery子选择器将其附加到TD