使用jQuery添加或刪除屬性切換到隱藏/顯示項目

Question

我有以下jQuery，當我單擊按鈕時用於隱藏/顯示iFrame。

iFrame包含一些PHP，我只想在顯示iFrame時加載它。

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

這工作得很好，但它也嘗試加載PHP，當我隱藏的iFrame。

有沒有辦法告訴它當我顯示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', ''); 
    }); 
}); 

DEMO.