3

ページを更新せずに内部リンクを伝播する Web サイトを作成する必要があります。ナビゲーションは一定のままです。コンテンツは jQuery .load() を介してロードされます。

全画面背景用の jQuery プラグインを AJAX 経由でロードできなかったことを除いて、すべて正常に動作します。各ページには異なる背景のセットがあります。[ベガス バックグラウンド jQuery プラグイン][1] を使用しています。

私がしたことは、AJAX 経由で読み込まれる #content 内にプラグインを起動する関数を配置することです。このようなもの：

<div id="#content"> <!--Loaded via AJAX -->

<script>
    $.vegas({
        src:'images/anImageforThisPage.jpg',
        fade:2000
    });
</script>

   <!-- OTHER CONTENT -->
</div>

ただし、リンクがクリックされるたびにコンテンツのみが読み込まれ、背景自体はまだ theImageforAnotherPage.jpg ではなく anImageforThisPage.jpg です。

なぜこのように動作するのかよくわからず、解決策を探しています。.load() がコールバック関数を許可していることは知っていますが、試してみましたが、それでも同じです。

4

1 に答える 1

0

JavaScriptはスクリプトタグでラップする必要があります。

<div id="#content"> <!--Loaded via AJAX -->
    <script type="text/javascript">
    $.vegas({
        src:'images/anImageforThisPage.jpg',
        fade:2000
    });
    </script>
   <!-- OTHER CONTENT -->
</div>
于 2012-11-28T16:09:04.630 に答える