我有一个表格,其中列出了正在等待批准的用户,管理员可以点击表格行,一旦他这样做,用户的信息将显示在下面的框中,我之前已经这样做了但是我犯了一个错误,我在行上使用了ID,我正在做一个循环来显示所有行,好吧,ID只能使用一次所以它只能用于第一行,我现在将行的ID更改为一个CLASS和我的jQuery不再工作了,该框没有显示在底部以及用户信息。
这是表格行:
<tr data-id="<?php echo $datum['ID']; ?>" class="rowID" href="#">
这是我的剧本:
$(".rowID").click(function() {
var User = $("#userID");
var Box = $("#userBox");
Box.show();
$("#userBox").animate({
maxHeight: '+=1000px'
}, 1000);
$("html, body").animate({
scrollTop: $(document).height()
}, 1000);
$("#thisHR").show();
$("#thisHR").animate({
maxWidth: '+=1000px'
}, 1000);
});
我试过这个
$(document).on('click','body.rowID',function(){
但它仍然无效。
答案 0 :(得分:0)
我解决了我的问题,我不得不使用"
而不是`
$(document).on("click",".rowID",function(){
不
$(document).on('click','.rowID',function(){
答案 1 :(得分:-1)
如果tr动态出现,您可以尝试以下点击事件。
$(document).on('click','。rowID',function(){ //行动 });
如果您想从该课程中获取ID,请点击以下代码。
$('。rowID')。on('click',function(){ var id = $(this).attr('id'); 的console.log(ID); });