Question

好吧，我想要的是点击菜单项下面的div。

这是我的HTML（取自WordPress源代码）：

<li id="menu-item-990" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-7">
    <a href="#" style="height: 88px; line-height: 88px;">
        <span class="avia-bullet"></span>
        <span class="avia-menu-text">Sign in</span>
        <span class="avia-menu-fx">
            <span class="avia-arrow-wrap">
                <span class="avia-arrow"></span>
            </span>
        </span>
    </a>
</li>
<div id="text-6" class="widget clearfix widget_text">
    <h3 class="widgettitle">How to sign in</h3>
    <div class="textwidget"></div>
</div>

还有一些CSS（这应该是内联的，还是应该在JS函数中应用一些CSS？）

#text-6 { visibility: hidden; }

然后是我的JS：

$(document).ready(function() {
    $('#menu-item-990 a').click(function() {
        event.preventDefault();
        $('#text-6').slideToggle("fast");
    });
});

我会感激任何答案！希望你能帮忙:)。

谢谢！

Answer 1

您需要在点击处理程序中传递event。

$('#menu-item-990 a').click(function(event) {
    event.preventDefault();
    $('#text-6').slideToggle("fast");
});

您必须在浏览器控制台上收到错误

Answer 2

您的功能中忘记了您的参数event：

$(document).ready(function() {
    $('#menu-item-990 a').click(function(event) {
            event.preventDefault();
            $('#text-6').slideToggle("fast");
    });
});

Answer 3

一，通过＆＃34;事件＆＃34;作为函数函数（事件）中的参数。

我也相信slideToggle不会影响可见性，它只会在none和block之间切换并改变你的身高。设置显示：无;对你的项目，应该工作正常。

菜单li锚点上的jQuery单击功能 - slideToggle无效（WordPress）

3 个答案: