0

我已成功地将一个 html 文件附加到我的网站，其中仅包含菜单和标题图像。我希望我网站上的每个网页都具有相同的菜单、标题和结构。一切正常，但我不知道如何编辑我使用附加函数（jquery）添加的 div。

例如：假设我附加了一个名为“include.html”的文件，该文件包含一个名为“网站”的 div。有什么方法可以在附加后将代码/内容添加到该 DIV 中吗？

我需要访问 APPEND 函数附加的 DIVS，以便为每个页面添加唯一的文本/信息。

这是一些代码：

示例页面：

<!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>
</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").append($("<div id='index'>").load("include.html"));
}

我试图这样做的原因是我想在包含网站的主 DIV 上添加唯一信息。如果有更好的方法（没有 JQUERY 附加）我很想知道..

提前致谢！

4

3 回答 3

0

是的。找到 id （或其他查找该 div 的 jquery 方法），然后在负载上调用一个函数：

function loadContent() {
  $("body").append($("<div id='index'></div>").load("include.html", {}, function() {
    $("#div_id").html(new_content);
  });
}

如果您有任何问题，请告诉我。

于 2013-03-01T06:25:28.927 回答
0

您可以将回调函数传递给load(...)jQuery 中的调用。所以，你可以这样做：

$("body").append($("<div id='index'>").load("include.html", function () {
    $(this).append("<div>your html content</div>");
}));

这会将文本插入your html content到 div 的末尾。显然，如果您希望它位于其他地方，则可以使用 append 以外的其他东西。

于 2013-03-01T06:26:11.033 回答
0

使用html()or ..在 include.html 附加到 load 回调函数之后，用 id ..text()将内容附加到内部divwebsite

回调函数：如果提供了“完成”回调，则在后处理和 HTML 插入完成后执行。回调会为 jQuery 集合中的每个元素触发一次，并依次设置为每个 DOM 元素。

试试这个

function loadContent()
{
  $("body").append($("<div id='index'>").load("include.html", function() {
       $("#website").text("HELLO"); // OR $("website").html("HELLO");
  });
}
于 2013-03-01T06:26:13.383 回答