jquery - jQuery を使用して属性を追加または削除し、項目を非表示/表示に切り替えます

Question

ボタンをクリックしたときにiFrameを非表示/表示するために使用する次のjQueryがあります。

iFrame には、iFrame が表示されているときにのみロードしたい PHP が含まれています。

$(document).ready(function()
    {
        $('#button').click(function()
            {
                $('#graphFrame').toggle().attr('src', 'graph1.php');    
            }
        )   
    }
);

iFrame を非表示にすると、PHP もロードしようとすることを除いて、これは正常に機能します。

iFrame を表示する (したがって PHP をロードする) ときに「src」属性を追加し、iFrame を非表示にする (したがって PHP をロードしない) ときにそれを削除するように指示する方法はありますか?

Answer 1

試す

$('#graphFrame').toggle(function(){
     var $this = $(this);
    $this.is(":visible") ? $this.attr('src', 'graph1.php') : $this.removeAttr('src')
});

Answer 2

これを試して：

$(document).ready(function () {
    $('#button').click(function () {
        $('#graphFrame').toggle();
        $('#graphFrame:visible').attr('src', 'graph1.php');
    });
});

Answer 3

あなたはこれを試すことができます

$('#button').click(function(){
    var ifr = $('#graphFrame');
    ifr.toggle(function(){
        if(ifr.is(':visible')) ifr.attr('src', 'graph1.php');
        else ifr.attr('src', '');
    });
});

デモ。