jquery - document.ready() 只触发一次点击

Question

我试图找出在函数中click()编写时执行一次的原因。document.ready()

这是我所做的：

$(document).ready(function() {

    $('td').click(function(){

        $('#xyz').html($(this).parent().index());  // here div gets filled with current rowIndex
    });

});

单击表格单元格时，div 显示当前行索引。但这只会发生一次，我希望它在每次点击时都显示出来。

这是 js.fiddle 的链接Click Me 如果单击行的任何单元格，它只执行一次单击..

Answer 1

尝试使用这个：

$('td').click(function() {
    $('.xyz',this).html($(this).parent().index());
});​

我已经使用 .xyz div 类来填充索引，因为您应该在页面上提供超过 1 个元素的相同 id。

希望这能解决您的问题。

Answer 2

只有在您编写了 onready 函数时呈现页面时，该点击才会起作用。在完全接收到图像等所有资产之前，不会触发此事件

$(document).ready(function() {//your code here});

并且在页面加载或刷新之后发生渲染活动。每次加载或刷新页面时，您的功能都会工作一次。