jQuery .load（）與腳本

Question

我知道這個問題已被問到，但我還沒有找到任何滿意的答案。我有一個非常簡單的html頁面，我想將其加載到其他頁面中。這不是問題，但我陷入困境的是，這個HTML頁面有一個jQuery懸停功能，它不會在其他頁面上執行。我試過把懸停功能放在每一頁上，我試過.getScript。據我所知，jQuery將從.load（）頁面加載腳本，執行它們，然後刪除它們。但由於這是一個懸停功能，我需要這些腳本留在周圍。有什麼辦法可以做到這一點？ 我會後，如果必要的代碼，但它完美，所以我不認爲這是...

每一頁上：

if ($("#zz7_Menu:contains('myname')")) { 
    $("#toolbar").load('toolbar.html table.toolbaradmin'); 
} 
else { 
    $("#toolbar").load('/toolbar.html table.toolbar'); 
} 

toolbar.html：

<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script> 
<link rel="stylesheet" href="jquery-ui/css/redmond/jquery-ui-1.8.13.custom.css" type="text/css" media="all" /> 

<script> 
    $(document).ready(function() { 
    $('.ui-state-default').hover(function() { 
     $(this).removeClass('ui-state-default').addClass('ui-state-hover'); 
    }, 
    function() { 
     $(this).removeClass('ui-state-hover').addClass('ui-state-default'); 
    }); 
    }); 
</script> 

<table class="toolbar"> 
    <tr> 
     <td class="ui-state-default ui-corner-all toolbar"> 

etc ...

Answer 1

嘗試將懸停代碼移動到一個standalong JavaScript文件中（您可以使用<script src="...">隨處加載）。

現在使用jQuery在​​成功完成後再次安裝懸停函數調用。解壓後，這應該是一行代碼。

Answer 2

將影響表格的javascript移動到表格後面。由於文檔已經準備就緒，它會立即運行，恰好在表格添加到頁面之前。另外，如果jquery已經包含在父頁面中，則不需要在要加載的頁面中包含jquery。

<table> 
    <!-- ... table stuff ... --> 
</table> 
<script> 
    $(document).ready(function() { 
    $('.ui-state-default').hover(function() { 
     $(this).removeClass('ui-state-default').addClass('ui-state-hover'); 
    }, 
    function() { 
     $(this).removeClass('ui-state-hover').addClass('ui-state-default'); 
    }); 
    }); 
</script>