私のページで AJAX スクリプトを動作させようとしています (Drupal 7 で動作しています)。メニュー リンクをクリックするとページのコンテンツが読み込まれますが、ページは更新されません (これにより、バナーをアニメーション化する jQuery の別のスクリプトが干渉されます)。
ソースコードは次のとおりです。
(function ($, Drupal) {
jQuery.error = console.error;
$("<link/>", {
rel: "stylesheet",
type: "text/css",
href: "../css/pages.css"
}).appendTo("head");
$(document).ready(function()
{
$('.menu-704,.menu-797,.menu-359,.menu-796').click(function()
{
$('#main').load('linktopage.html');
});
});
})(jQuery, Drupal);
現在、これは機能しますが、次の問題が発生します。
- ナビゲーション リンクをクリックするたびに、なんらかの理由で div#main 全体が下に移動します
- これを行うと、Drupal の外観設定で追加したロゴが複製されます