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

时间:2012-10-31 13:34:10

标签: jquery ajax drupal

我正在尝试在我的页面上运行一个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中的外观设置添加的徽标

1 个答案:

答案 0 :(得分:0)

如果该链接是主题页面,请尝试更改为$(&#39;#main&#39;)。load(&#39; linktopage.html#main&#39;)