如何使用jQuery load（）函數從容器本身內部的錨點加載HTML？

Question

通過單擊加載函數加載新的html頁面的容器內的鏈接，如何實際執行load（）函數？ 在下面的代碼中，首先，我已經成功地將new.html頁面放入容器div中。

<div id="container">
    <ul> 
        <li><a id="t1" href="#">tab1</a></li>
        <li><a id="t2" href="#">tab2</a></li>
        <li><a id="t3" href="#">tab3</a></li>
    </ul>

        ...Some html data here.... 
</div>

$(document).ready(function() {
    $("#t1").click(function(){
        $( "#container" ).load( "tab1.html" );
    });
});
$(document).ready(function() {
    $("#t1").click(function(){
        $( "#container" ).load( "tab2.html" );
    });
});
$(document).ready(function() {
    $("#t1").click(function(){
        $( "#container" ).load( "tab3.html" );
    });
});

這里的tab1.html，tab2.html和tab3.html也將包含相同的標簽導航列表，其ID相同但數據不同。

    <ul> 
        <li><a id="t1" href="#">tab1</a></li>
        <li><a id="t2" href="#">tab2</a></li>
        <li><a id="t3" href="#">tab3</a></li>
    </ul>
   ...different data here.....

現在，只要第一次執行該頁面，就可以在第一時間輕松加載三個頁面（tab1或tab2或tab3）中的任何一個。 但是，加載這些頁面后，我無法加載另一頁面。 例如，加載tab2（其中也包含具有相同ID的標簽導航）后，我將無法導航至標簽1或tab3。

所以，任何人都可以告訴我我該如何實現？

Answer 1

更新：謝謝大家的評論和想法。 但是，我碰巧找到了一種解決方案，並且該解決方案似乎非常適合我的情況。 感謝@HristoIliev指出了有關重新驗證jQuery load（）函數的信息。 我所做的只是將jQuery load（）函數片段集添加到片段htmls中（即tab1.html，tab2.html和tab3.html）。 例如：

tab1.html
<ul> 
        <li><a id="t1" href="#">tab1</a></li>
        <li><a id="t2" href="#">tab2</a></li>
        <li><a id="t3" href="#">tab3</a></li>
    </ul>
   ...different data here.....

...added jQuery load funciton and which will again revalidate the jQuery code when this fragment html is loaded in the main div "container".
$(document).ready(function() {
    $("#t2").click(function(){
        $( "#container" ).load( "tab1.html" );
    });
});
$(document).ready(function() {
    $("#t3").click(function(){
        $( "#container" ).load( "tab1.html" );
    });
});

現在，它的工作。