0

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

1 回答 1

0

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

于 2012-11-01T02:40:01.963 回答