带有脚本的 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">

等等......

Answer 1

尝试将悬停代码移动到独立的 JavaScript 文件中（您可以使用

现在，在 .load() 成功完成后，使用 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>