Drupal7 jQuery AJAX加載內容無頁面刷新

Question

我試圖在我的頁面上使用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的“外觀”設置添加的徽標。

Answer 1

如果鏈接是主題頁面，請嘗試更改為$（'＃main'）。load（'linktopage.html #main'）