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

时间:2012-10-31 08:10:50

标签: jquery

我试图找出在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的链接 如果单击任何行单元格,它只执行一次单击..

2 个答案:

答案 0 :(得分:0)

尝试使用:

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

我使用了.xyz div类来填充索引,因为你应该在页面上给出相同的id超过1个元素。

希望这能解决你的问题。

答案 1 :(得分:0)

该点击仅在您已经写完onready function时呈现页面时才会起作用。在完全接收到所有资产(如图像)之前,此事件不会被触发

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

并且在pageload或refresh.your函数在每次加载或刷新页面时都会运行一次渲染活动。