jQuery腳本與Drupal 7的AJAX沖突？

Question

我在菜單中添加了“魔術線”效果，但它在管理界面中引起了問題。 http://screencast.com/t/HxTs3ZLlT顯示的按鈕未按應有的方式打開嵌入式設置。

加載疊加層后，Firebug顯示錯誤：

$（“＃main-menu-links .active a”）。position（）為null

控制台的完整屏幕截圖： http : //screencast.com/t/im1NKS025gJ9

並且腳本本身是從.info文件中調用的：

(function ($) {

    Drupal.behaviors.magicLine = {
        attach: function(context) {

            // Lava Lamp Meny Effect

            var $el, leftPos, newWidth,
                $mainNav = $("#main-menu-links");

           $mainNav.append("<li id='magic-line'></li>");
           var $magicLine = $("#magic-line", context);

            $magicLine
                .width($("#main-menu-links li.active").width())
                .css("left", $("#main-menu-links li.active a").position().left)
                .data("origLeft", $magicLine.position().left)
                .data("origWidth", $magicLine.width());

            $("#main-menu-links li a").hover(function() {
                $el = $(this);
                leftPos = $el.position().left;
                newWidth = $el.parent().width();
                $magicLine.stop().animate({
                    left: leftPos,
                    width: newWidth
                });
            }, function() {
                $magicLine.stop().animate({
                    left: $magicLine.data("origLeft"),
                    width: $magicLine.data("origWidth")
                });
            });
        }
    };


})(jQuery);

我不是程序員，所以我不知道如何解決這個問題。

Answer 1

控制台消息：$（“＃main-menu-links .active a”）。position（）為null

通常意味着jQuery無法找到該元素（具有id =“ main-menu-links”和class =“ active”的錨元素）。 您確定活動班級正在分配給您的主菜單鏈接之一嗎？