Drupal7 jQuery AJAX 加载内容无页面刷新答案

【问题标题】：Drupal7 jQuery AJAX Load Content No Page RefreshDrupal7 jQuery AJAX 加载内容无页面刷新
【发布时间】：2012-10-31 13:34:09
【问题描述】：

我正在尝试让 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 中的外观设置添加的徽标

【问题讨论】：

我有客户要求使用 Drupal 加载 AJAX 页面，所以我感受到了您的痛苦。你是在一个它的世界。 :(

标签： jquery ajax drupal

【解决方案1】：

如果链接是主题页面，请尝试更改为 $('#main').load('linktopage.html #main')

【讨论】：