Question

简而言之：例如，在godaddy.com上，他们有一个菜单。假设您正在尝试在其菜单上点击“托管”。它就在webtools和网站的旁边，但是在我的网站上，如果你点击托管这个词没有任何反应。它不会带你到网站的托管页面。这是我的问题，如何让我的菜单点击？我正在使用的代码如下。

我正在使用此模板，默认的home.html文件是这样的：

<!-- Begin Navigation -->
<div id="navigation">
    <ul>
        <li><a href="#" title="Home">Home</a></li>
        <li><a href="#" title="Services">Services</a></li>
        <li><a href="#" title="Order">Order</a></li>
        <li><a href="#" title="Contact Us">Contact Us</a></li>
        <li><a href="#" title="Log in">Log in</a></li>
    </ul>
    <div class="cl">&nbsp;</div>
</div>
<!-- End Navigation -->

我的js函数如下所示：当我在函数中的任何地方添加click()时，菜单会点击，但jQuery滑块停止工作。如何在不影响我网站中任何其他jQuery运行的东西的情况下使菜单可点击？

$(function () {
    $("#navigation ul").lavaLamp({
        fx: "backout",
        speed: 700,
        click: function (event, menuItem) {
            $('#navigation li.current').removeClass('current');
            $(this).addClass('current');
            return false;
        }
    });

    $('#slider ul.slider-items').jcarousel({
        'scroll': 1,
            'auto': 7,
            'wrap': 'both',
        initCallback: mycarousel_initCallback,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        itemVisibleInCallback: {
            onAfterAnimation: function (c, o, i, s) {
                jQuery('.slider-nav li').removeClass('active');
                jQuery('.slider-nav li:eq(' + (i - 1) + ')').addClass('active');
            }
        }
    });

    $('.widget .button').hover(function () {
        $(this).addClass('button-act');
    }, function () {
        $(this).removeClass('button-act');
    });

    if ($.browser.msie && $.browser.version == 6) {
        DD_belatedPNG.fix('#header, h1#logo a, li.back, li.back .left, #slider, .frame, ul.slider-items li h2, .slider-nav, .nav-inner, #main-top, #main-bot, #main-cnt, .side-outer, .side-bottom, .side-inner, .widget h2, #slider .button, #slider .button span, .comment, .post-info, .separator');
    }
});

function mycarousel_initCallback(carousel) {
    $('.slider-nav .nav-inner').append('<ul></ul>');
    var i = 1;
    $('.slider-items li').each(function () {
        $('.slider-nav ul').append('<li><a href="#">' + i + '</a></li>');
        i++;
    });
    $('.slider-nav .nav-inner').append('<div class="cl">&nbsp;</div>');
    $('.slider-nav li:last').addClass('last');
    $('.slider-nav a').bind('click', function () {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
        return false;
    });
    $('.slider-nav').css('margin-top', function () {
        return -($(this).find('.nav-inner').outerHeight() / 2 + 7) + 'px';
    });
};

Answer 1

$("#navigation ul li a").click(function(){ alert('click'); });

这（插入第11行）是否也不起作用？

如何点击jQuery菜单？

1 个答案: