-1

编辑：如何扩展/编辑“附加内容”？我的意思是，如果我在“include.html”（我使用 jquery 加载附加的文件）中有一个名为“website”的 div，我可以在附加后向该 DIV 添加文本/代码吗？

我有一个简单的 HTML 菜单页面，我试图将其加载到我网站中的每个页面。对不起，如果它是一个菜鸟问题；) Jquery/js/html 有点菜鸟。

这是其中一个文件：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="cstyles.css">
        <script type='text/javascript' src='jquery-1.9.1.js'></script>
        <script type='text/javascript' src='menu2.js'></script>
        <script type='text/javascript' src='menu_load.js'></script>
    </head>
    <body>
        <script>
            loadContent();
            $(document).on('mouseenter', "#menulist", function() {
                mainmenu();
            });
        </script>
        <div id="contact_us" style="background:blue;">Something</div>
    </body>
</html>

继承人menu2.js：

function mainmenu() {
    $(" #menulist li").hover(function () {
        $(this).find('ul:first').css({
            visibility: "visible",
            display: "none"
        }).show(300);
    }, function () {
        $(this).find('ul:first').css({
            visibility: "hidden"
        });
    });
}

$(document).ready(function () {
    mainmenu();
});

继承人menu_load.js：

function loadContent() {
    $("body").load("include.html");
}

问题是：成功加载菜单后（名为INCLUDE.html的html文件），页面内容“消失”...

在这种情况下，这个词：某事不会出现。更清楚地说，它会显示一秒钟，然后被“include.html”文件中的内容替换。

有什么建议么？

提前致谢！

4

2 回答 2

0

发生这种情况是因为这种方式$("#body").load()有效。我建议用

.prepend()
于 2013-02-28T13:41:38.433 回答
0

那是因为您正在将include.html文件加载到整个文档中。您应该制作一个带有 id 的元素并将其加载到那里。例如

<div id="toload"></div>

那么你的 jquery 函数将是：

function loadContent() {
$("#toload").load("include.html");
}
于 2013-02-28T13:42:03.673 回答