0

在我的网页中，我使用单击事件作为下拉选项卡。但代码对我不起作用。但是如果我使用悬停而不是点击事件，它会很好地工作。但我需要在我的网页代码中使用点击是：

  $(document).ready(function(){
                var dropDownSpeed = 200;
                var dropUpSpeed   = 200;
                var menuHeight = '240px';
                var tabs = $("#tabs");
                var tabPanesContainer = $("ul#tabPanes");
                var tabPanesAll = tabPanesContainer.find("li").css("position", "absolute");

                $(".slide").click(function () {

                    var thisMenuItem = $(this);

                    /*get the offset of this item in respect to the page*/
                    var thisMargin   = thisMenuItem.offset().center;

                    /*get the offset of the navigation bar in respect to the page*/
                    var tabsOffset   = tabs.offset().center;
                    var thisIndex = thisMenuItem.index();

                    thisMargin = Math.floor(thisMargin - tabsOffset);


                    var thisOffset = thisMargin - 52;

                    /* handle IE margin difference*/
                    if($.browser.msie)
                    {
                      thisOffset = thisMargin - 15;
                    }


                    tabPanesContainer.css('margin-left', thisOffset);

                    tabPanesContainer.stop().animate({
                        height: menuHeight
                    }, dropDownSpeed);



                    tabMenuLinks.removeClass('activeTab');
                    thisMenuItem.addClass('activeTab');


                    var thisHash = thisMenuItem.find("a").attr('href');
                    var tabClicked = tabPanesAll.filter(thisHash);


                    tabClicked.appendTo(tabPanesContainer).show();



                    return false;


                }, function() {

                   $(this).stop();

                });
                });
            });

请帮我解决问题 谢谢...

4

2 回答 2

2

你有wrong syntax for the click event..

它只接受一个函数处理程序，而不是你写的两个

 $(".slide").click(function () {

     // Click event code
 }, function() {
              $(this).stop();

});

它适用于悬停事件，因为它可以采用两个处理函数..

要使单击事件起作用，您的签名必须是

$(".slide").click(function () {

         // Click event code
});

// Remove the other function
于 2013-01-10T19:24:43.313 回答
0

从技术上讲，您不应该传递辅助回调，正在发生的事情是您的：

$(this).stop();

在所有其他代码之前触发。javascript 忽略了您指定的第一个回调函数，因为 .click 只应该接受回调方法。我很好奇你的 .stop() 甚至被用来做什么？我不完全确定，但我真的认为你根本不需要。

另一条建议是使用 .on() 方法而不是单击。.click() 方法已被弃用，因此您可以使用以下方法代替：

$(".slide").on('click', function () {
    // Click event code
});

你用 .click() 做的只是调用这个 .on() 加上使用 .on() 是更可扩展的意思，现在你可以绑定多个事件来监听，例如你可以这样做：

$(".slide").on('click, mouseover, mouseenter', function () {
    // Click event code
});
于 2013-01-10T19:56:39.343 回答