Question

我正在使用幻灯片搜索框制作wordpress主题。我想通过点击离开来隐藏/切换搜索框。这是我的javascript

jQuery(document).ready(function($){
    $("#flip").click(function(){
        $("#searchbox").toggle("slide", { direction: "right" }, 500);
    });

        $("#flip2").click(function(){
        $("#searchbox").toggle("slide", { direction: "right" }, 500);
    });

});


jQuery('body').on('click', function(e){
{
        $("#searchbox").toggle("slide", { direction: "right" }, 500);
});
jQuery('#searchbox').click(function(e)
{
   e.stopPropagation();
});

尝试此操作时出现意外的令牌错误。谢谢你的帮助

Answer 1

此代码应该有效 -

{{1}}

这里是一个jsfiddle我为了你的目的和wordpress

略有改变

Answer 2

您可以使用window.onclick事件执行此操作：
（你没有发布任何HTML代码，所以这只是一个使用它的例子）

var yourbox = document.getElementById('yourbox');
window.onclick = function(event) {
    if (event.target == yourbox) yourbox.style.display = "none";
}

Answer 3

如果这是完整代码，则错误是由此函数中的额外“{”字符引起的：

jQuery('body').on('click', function(e){
{
    $("#searchbox").toggle("slide", { direction: "right" }, 500);
});

你应该删除额外的{

jQuery('body').on('click', function(e){
    $("#searchbox").toggle("slide", { direction: "right" }, 500);
});

也就是说，这个逻辑可能不适用于你想要做的事情，但这可能是意外的令牌错误。

点击离开以切换div

3 个答案: