動態加載內容納入無論從外部或內部的div一個div

林目前正在創建具有格象下面這樣一個網站：動態加載內容納入無論從外部或內部的div一個div

<div class="container"> 

    <div class="one-third column"> 
     <a id="tab1" href="inc/tab1.html"><h2>tab1</h2></a> 
    </div> 

    <div class="one-third column"> 
     <a id="tab2" href="inc/tab2.html"><h2>tab2</h2></a> 
    </div> 

    <div class="one-third column"> 
     <a id="tab3" href="inc/tab3.html"><h2>tab3</h2></a> 
    </div> 

</div> 

<div class="container" style="margin:100px 0;"> 
    <div id="information"> 


    </div> 

</div>

那我想從外部網頁內容（這基本上只是一個有一點內容的div）被加載到與ID =「信息」的股利

我試過使用這個，但它只是把我發送到外部頁面？

<script type="text/javascript"> 
$(#tab1).click(function() { 
    $('#information').load("inc/tab1.html"); 

    return false; 
}); 
    $(#tab2).click(function() { 
    $('#information').load("inc/tab2.html"); 

    return false; 
}); 
$(#tab3).click(function() { 
    $('#information').load("inc/tab3.html"); 

    return false; 
}); 
</script>

此外，通過這種方式，當新內容加載後，目前隱藏在div中的內容是什麼？

然後我想知道如何添加動畫到加載的內容？

來源

2014-01-31 Sam Johnson

你是什麼意思與*動畫添加到加載的內容*？ –

信息是否必須存儲在外部頁面上？只是隱藏頁面上已有的內容就容易多了。 – ElendilTheTall

你可能需要調用e.preventDefault（），在回調函數的instread中返回false; e是回調函數的參數 – ppoliani

嘗試改變：。

$(#tab2).click(function() { 

    $('#information').load("inc/tab2.html"); 
    return false; 

});

到

$("#tab2").click(function(e) { 

    $('#information').load("inc/tab2.html"); 
    e.preventDefault(); 

});

注意引號周圍tab2（你需要有那些，除非它的身體，文檔另外在function(e)注意到e隨着你可以防止鏈接重定向到該功能中代碼爲e.preventDefault()的其他頁面。

來源

2014-01-31 13:37:35

這是因爲你的代碼中有幾個語法錯誤，你缺少選擇器的引號。

$('#tab...').click(function() { 
    // ... 
});

您還可以使用href屬性而不是多個處理程序：

jQuery(function($) { 
    $('.one-third a').click(function(e) { 
     e.peventDefault(); 
     $('#information').load(this.href); 
    }); 
})

來源

2014-01-31 13:39:08 undefined

動態加載內容納入無論從外部或內部的div一個div

回答

相關問題