Question

我引用以下法典:

$("#another").click(function() {
    $( #another ).replaceWith( <a id="another" class="btn btn-primary btn-mini disabled"><i class="icon-refresh icon-white"></i>&nbsp;Loading...</a> );
    $.get( another.php , {  cycle  : i }, function(data) {
        $( tbody ).append(data);
        $("#another").replaceWith( <a id="another" class="btn btn-primary btn-mini"><i class="icon-plus icon-white"></i>&nbsp;Load another cycle</a> );
    });
    i++;
});

当我用另一人的id子点击这个元素时,它一负荷。在一次点击之后,它又重新赢得了工作。

Answer 1

如果你把这个内容换成另一个内容,那么所有听众都将被删除。为避免这种情况,你要么再次让听众了解新的内容。

$( #another ).bind( click , function() {
  //do something
});

或将该守则移至一项职能,并添加一个<条码><<>onclick>/code>,归属于您的内容。

onclick="my_function();"

在您的本 j中,

$( #another ).replaceWith( <a id="another" class="btn btn-primary btn-mini disabled" onclick="my_function();"><i class="icon-refresh icon-white"></i>&nbsp;Loading...</a> );

Answer 2

你用一个没有活动听众的节点来取代节点。

基本上在点击之前

[#another]
    ^
    |
[clickListener]

之后,你又建造了另一个 but子(<a id=“another”类别=“btn btn-first btn-mini Disability”><i par=“icon-refresh icon-white”></i> Loading...</a>)。

[#another]     [#another](2)
    ^
    |
[clickListener]

之后,我们以排出的第二种方式取代另一个:

[#another]               [#another](2)
    ^
    |
[clickListener]

oh等,我的模型没有变化。这是因为点击的听众与第一个目标(这不再明显)有联系,而可见的那个目标仍然存在。

所以说,这意味着什么? 这完全意味着你需要把会议听取者回来。我是怎样做的。

var onClick=function(){
    $( #another ).replaceWith( <a id="another" class="btn btn-primary btn-mini disabled"><i class="icon-refresh icon-white"></i>&nbsp;Loading...</a> )
    .click(onClick); // <--- this is the important line!

    $.get( another.php , {  cycle  : i }, function(data) {
        $( tbody ).append(data);
        $("#another").replaceWith( <a id="another" class="btn btn-primary btn-mini"><i class="icon-plus icon-white"></i>&nbsp;Load another cycle</a> );
    });
    i++;
}

$("#another").click(onClick);

Answer 3

它最好与同一事件的手持平。只是动态地修改案文和增删i。引证:

// Execute in a closure to isolate all the local variables
// Optional, but I like doing this when counter variables are involved
(function() {
    var button = $("#another");
    var a = button.find("a");
    var i = 1;

    button.click(function() {
        // Replace the inner html, not the entire element
        a.html("<i class= icon-refresh icon-white </i>&nbsp;Loading...");
        $.get("another.php", {
            cycle: i
        }, function(data) {
            $("tbody").append(data);
            a.html("<i class= icon-plus icon-white ></i>&nbsp;Load another cycle");            
            i++;
        });
    });
})();

这种方法的好处是,对OM的操纵程度较低,没有线性 Java和的全球功能或变量。确实没有理由每次销毁 but子,如果外加标记相同,则重新予以销毁。

友情链接