点击时只加载网址一次

Question

我希望能够在单击按钮后仅加载一次URL.我有这个:

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

不幸的是,我点击按钮时每隔一次加载iframe.这是完整的代码:JS Bin

Answer 1

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

但是,这会使按钮在之后没有任何功能,因此您可能希望在事件处理程序中删除或禁用它.

如果您只想在<iframe>加载时"暂时"禁用该按钮,请执行以下操作:

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

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

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