-1

編集:「追加されたコンテンツ」を拡張/編集するにはどうすればよいですか? つまり、「include.html」(jquerys load を使用して追加したファイル) に「website」という名前の div がある場合、追加後にその DIV にテキスト/コードを追加できますか?

Web サイトのすべてのページにロードしようとしている単純な HTML メニュー ページがあります。初歩的な質問でしたら申し訳ありません;) Jquery/js/html の初歩的な質問です。

ファイルの 1 つを次に示します。

<!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 ファイル) を正常にロードした後、ページのコンテンツが「消える」...

この場合、単語: something wont が表示されます。より明確にするために、それは一瞬表示され、その後「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 に答える