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