Question

我使用一个名为simple CSS和Js的WordPress插件添加了这个JS。 CSS，HTML正在运行。但是JS没有用。

(function($) {

    // Handle click on toggle search button
    $('#toggle-search').click(function() {
        $('#search-form, #toggle-search').toggleClass('open');
        return false;
    });

    // Handle click on search submit button
    $('#search-form input[type=submit]').click(function() {
        $('#search-form, #toggle-search').toggleClass('open');
        return true;
    });

    // Clicking outside the search form closes it
    $(document).click(function(event) {
        var target = $(event.target);

        if (!target.is('#toggle-search') && !target.closest('#search-form').size()) {
            $('#search-form, #toggle-search').removeClass('open');
        }
    });
})(jQuery);

Codepen链接：https://codepen.io/Linuance/pen/mAFeg?editors=0010

Answer 1

看起来你的JavaScript / jQuery工作得很好。单击搜索图标时，“打开”类将附加到按钮和表单。我认为问题在于你的CSS样式。试试这个：

True
False

没有注意造型，但这应该显示搜索表单。

codepen的Javascript在我们的网站上没有用？

1 个答案: