单击时仅加载一次 url

Question

我希望能够在单击按钮后仅加载一次网址。我有这个：

$("#button").click(function () { 
      $("#frame").attr("src", "http://www.google.com/");
});

不幸的是，每次我单击按钮时都会加载 iframe。这是完整的代码： JS Bin

Answer 1

将 .click() 替换为 .one('click', function() {

但是，这会使按钮之后不再具有任何功能，因此您可能需要删除或 步骤操作：

如果您只想在加载 时“暂时”禁用该按钮，请按以下

var myClickHandler = function myClickHandler() {
    $(this).unbind( myClickHandler );

    $('#frame').attr('src', 'http://www.google.com').load(function() {
        $('#button').click( myClickHandler );
    });
};

$('#button').click( myClickHandler );

Answer 2

您可以使用此处找到的 jQuery .one() 方法。例如：

$("#button").one('click', function () { 
    $("#frame").attr("src", "http://www.google.com/");
});

希望这有帮助。

Answer 3

取消绑定事件，如

$("#button").click(function (e) { 
      alert("good bye my friend");
    $(this).unbind(e.eventType);
});

http://jsfiddle.net/EVhJV/