Question

我有一个响应式下拉jquery菜单。出于某种原因，我删除了一个重复的jquery库，因为它与WooCommerce冲突，之后下拉式响应式菜单无效。

如您所见如果单击切换图标，则不会显示菜单。这是使用的jQuery脚本：

jQuery.fn.noSelect = function() {
    var o = "none";
    return this.bind("selectstart dragstart mousedown", function() {
        return !1
    }).css({
        MozUserSelect: o,
        msUserSelect: o,
        webkitUserSelect: o,
        userSelect: o
    })
};
var ias = $.ias({
    container: ".items",
    item: ".item",
    pagination: ".navigation",
    next: ".nav-previous a"
});
ias.extension(new IASSpinnerExtension), $(document).ready(function() {
    $(".dod").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".menus").hide(), $(this).attr("id", "0")) : ($(".menus").show(), $(this).attr("id", "1"))
    }), $(".menus").mouseup(function() {
        return !1
    }), $(".dod").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".menus").hide(), $(".dod").attr("id", "")
    })
}), $(document).ready(function() {
    $(".rclic").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".rmenus").hide(), $(this).attr("id", "0")) : ($(".rmenus").show(), $(this).attr("id", "1"))
    }), $(".rmenus").mouseup(function() {
        return !1
    }), $(".rclic").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".rmenus").hide(), $(".rclic").attr("id", "")
    })
}), $(document).ready(function() {
    $(".report").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".reportform").hide(), $(this).attr("id", "0")) : ($(".reportform").show(), $(this).attr("id", "1"))
    }), $(".reportform").mouseup(function() {
        return !1
    }), $(".report").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".reportform").hide(), $(".report").attr("id", "")
    })
}), $(document).ready(function() {
    $(".buscaboton").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".buscaformulario").hide(), $(this).attr("id", "0")) : ($(".buscaformulario").show(), $(this).attr("id", "1"))
    }), $(".buscaformulario").mouseup(function() {
        return !1
    }), $(".buscaboton").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".buscaformulario").hide(), $(".buscaboton").attr("id", "")
    })
}), $(document).ready(function() {
    $(".rclic2").click(function() {
        var o = $(this).attr("id");
        1 == o ? ($(".rbuscar").hide(), $(this).attr("id", "0")) : ($(".rbuscar").show(), $(this).attr("id", "1"))
    }), $(".rbuscar").mouseup(function() {
        return !1
    }), $(".rclic2").mouseup(function() {
        return !1
    }), $(document).mouseup(function() {
        $(".rbuscar").hide(), $(".rclic2").attr("id", "")
    })
});

那么有没有办法让下拉工作正常？

由于

Answer 1

我在互联网上搜索了很多，我找到了一个解决方案，用于在WordPress和主题中冲突Jquery。

所以我从头文件中删除了Jquery标签，并使用此代码来避免我的javascript和jquery之间发生冲突：

jQuery.noConflict();

(function( $ ) {

   // Paste your Code Here...

})( jQuery );

像这样：

jQuery.noConflict();
(function( $ ) {
$(document).ready(function() {
$(".rclic").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".rmenus").hide(), $(this).attr("id", "0")) : ($(".rmenus").show(), $(this).attr("id", "1"))
}), $(".rmenus").mouseup(function() {
    return !1
}), $(".rclic").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".rmenus").hide(), $(".rclic").attr("id", "")
})
}), $(document).ready(function() {
$(".report").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".reportform").hide(), $(this).attr("id", "0")) : ($(".reportform").show(), $(this).attr("id", "1"))
}), $(".reportform").mouseup(function() {
    return !1
}), $(".report").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".reportform").hide(), $(".report").attr("id", "")
})
}), $(document).ready(function() {
$(".buscaboton").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".buscaformulario").hide(), $(this).attr("id", "0")) : ($(".buscaformulario").show(), $(this).attr("id", "1"))
}), $(".buscaformulario").mouseup(function() {
    return !1
}), $(".buscaboton").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".buscaformulario").hide(), $(".buscaboton").attr("id", "")
})
}), $(document).ready(function() {
$(".rclic2").click(function() {
    var o = $(this).attr("id");
    1 == o ? ($(".rbuscar").hide(), $(this).attr("id", "0")) : ($(".rbuscar").show(), $(this).attr("id", "1"))
}), $(".rbuscar").mouseup(function() {
    return !1
}), $(".rclic2").mouseup(function() {
    return !1
}), $(document).mouseup(function() {
    $(".rbuscar").hide(), $(".rclic2").attr("id", "")
})
});
})( jQuery );

我分享此解决方案以帮助其他人可能遇到此问题。

JQuery响应下拉菜单问题

1 个答案: