如何使用load（）加載外部頁面後實現slideToggle功能

我想在使用load（）加載DIV內的外部頁面後實現slideToggle功能。這個想法是，我有三個不同的標籤，每次點擊都會從DIV中的三個外部頁面加載三個不同的內容。當我點擊一個標籤後，它會加載一個外部頁面，如果我點擊相同的標籤，它會滑動內容。接下來，如果我點擊第二個標籤頁，它將使用load（）加載其相關內容，因此第一個打開的標籤頁內容將會上移。請給出任何建議。如何使用load（）加載外部頁面後實現slideToggle功能

來源

2013-05-17 user734081

這取決於加載時間，如果內容較重，那麼你不會得到任何東西。如果您在使用js代碼時遇到任何問題，則可以嘗試一些方法，然後發佈問題。 – Jai

你的模型看起來如何？你有沒有編寫任何代碼？如果是這樣，請發佈 – DextrousDave

給一些代碼。使用jsfiddle – KarSho

您可以嘗試以下操作。只要把你的網址，你正在引用在有關一個標籤：

HTML：

<div> 
    <ul id="tabs"> 
     <li><a title="type1" href="http://externalurl1">tab1</a></li> 
     <li><a title="type2" href="http://externalurl2">tab2</a></li> 
     <li><a title="type1" href="http://externalurl3">tab3</a></li> 
    </ul> 
</div> 
<div class="clear"></div> 

<div class="content"></div>

jQuery的

$('ul#tabs li a').each(function(){ 

    $(this).click(function(){ 

     $('div.area').slideUp(300); 
     $('div.area').empty(); 
     $('div.area').load($(this).attr('href')); 
     $('div.area').slideDown(300); 
     return false; 
    }); 


});

讓我知道，如果它

UPDATE：

這裏是一個工作解決方案：http://plnkr.co/edit/DUSrZHJD9H37s6u2aRmN?p=preview

來源

2013-05-17 11:51:15 DextrousDave

如何使用load（）加載外部頁面後實現slideToggle功能

回答

相關問題