0

メニューとタイトル画像のみを含む html ファイルを Web サイトに正常に追加しました。私は自分のウェブサイトのすべてのウェブページに同じメニュー、タイトル、構造を持たせたいと思っていました。すべて正常に動作しますが、追加機能 (jquery) を使用して追加した div を編集する方法がわかりません。

たとえば、「include.html」という名前のファイルを追加し、そのファイルに「website」という名前の 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 の最後に挿入されます。明らかに、別の場所に追加したい場合は、追加以外のものを使用できます。

于 2013-03-01T06:26:11.033 に答える
0

html()または.. を使用して、id .. のtext()コンテンツを内部に追加します。load コールバック関数に include.html が追加された後divwebsite

コールバック関数: 「完了」コールバックが提供されている場合、後処理と HTML 挿入が実行された後に実行されます。コールバックは、jQuery コレクション内の各要素に対して 1 回発生し、これが各 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 に答える