与jQuery不起作用(函数未执行)

Question

<ul class="mobile-menu">
<li class="m-con" id="toggle_side-bar_menu" onclick="menu();"><a href="javascript://" onclick="menu();" class="menu_toggle"><span class="ico-menu_tgl"><span class="ico_sprite-line"></div></span></a></li>
<li class="search-toggle" onclick="search();">
<a href="#" onclick="search(); return false;" class="search-close"></a>
<form method="get" action="/search">
<input class="execute" type="submit" name="s" value="" />
<input class="search hidden" type="text" />
</form>
</li>

opensea = false;
function search() {
    var element = $(".search-toggle");
    if(!opensea) {
        menu_close();
        $(".search-toggle").addClass("active");
        $(".search-toggle .search").removeClass("hidden").addClass("expanded");
        opensea = true;
    } else {
        search_close();
    };
}
function search_close() {
    $(".search-toggle .search").removeClass("expanded").addClass("hidden");
    $(".search-toggle").removeClass("active");
    opensea = false;
}

我

无法让这段代码工作，它仅适用于元素".search-toggle"，我试图创建一个新的元素<a href="" onclick="search();"></a>，但无济于事。此外，您的浏览器必须是移动大小;调整窗口大小或 ctrl+shift+m。网站： http://test.days4god.com

这里也存在同样的问题。我编码不是不符合与我拥有的jQuery框架兼容的路线吗？很抱歉说 jQuery 不起作用，它可以工作，但函数没有被执行。

$(document).ready(function() {
    $(".menu li a").click(function(e) {
        var submenucheck = $(this).parent();
        if(submenucheck.has(".submenu").length > 0) {
            e.preventDefault();
            var element = $(this).parent().find(".submenu");
            var sub = $(this).parent().find(".submenu");
            if (element.hasClass("toggle")) {
                sub.css("display","none").removeClass("toggle");
            } else {
                sub.css("display","block").addClass("toggle");
            }
        } else {
            return;
        }
    });
});

对于这段代码（上面），我收到此错误："不推荐使用 getPreventDefault（）。 请改用默认已阻止。回到第一个问题：在我的控制台中，我收到此错误，"参考错误：未定义 opensea"。希望这将与新标题一起澄清问题。

Answer 1

该问题是由于未正确定义变量引起的，通过将 var 放在"opensea = false;"之前解决了该问题。-谢谢！为了您的帮助，我一直怀疑如何使用我的 var。

var opensea = false;
function search() {
    var element = $(".search-toggle");
    if(!opensea) {
        menu_close();
        element.addClass("active");
        element.removeClass("hidden").addClass("expanded");
        opensea = true;
    } else {
        search_close();
    };
}
function search_close() {
    $(".search-toggle .search").removeClass("expanded").addClass("hidden");
    $(".search-toggle").removeClass("active");
    opensea = false;
}