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

相关的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包含在我的文档中已准备好功能

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

最佳答案

您的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

})();

关于php - 不允许点击,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/8619791/

10-12 12:36
查看更多