Question

我尝试使用此插件： https://harvesthq.github.io/chosen/

为了制作带有搜索框的Dropbox。如果您要查看＆＃34;标准选择＆＃34;，当菜单关闭时，它具有绝对位置和左-9999属性，这使它＆＃34;消失＆＃34;。它在那里工作得很好，但是，在我的网站中，当菜单在-9999时，我的所有视图都是通过菜单向左跳转。

当我将overflow-x:visible放到html时，这就是它的样子（没有这个我只能通过刷新回去）。

您可以在该测试页面中看到这种情况： http://rashamkol.com/test/

知道如何解决这个问题吗？

提前致谢！

Answer 1

尝试将此添加到您的CSS：

.chosen-container .chosen-drop {
    left: 0;
    display: none;
}

.chosen-container.chosen-container-single.chosen-with-drop .chosen-drop {
    display: block;
}

Answer 2

除了

$(document).ready(function() {
    $("#submitBTN").click(function(e) {                 
        if($('.case:checkbox:checked').length==0){
            alert("Please select");                 
        }         
    });
});

课程外，

将课程chosen-rtl添加到select元素。

在文档中，在Right to Left Support下。 https://harvesthq.github.io/chosen/

左边的元素：-9999使视图跳转

2 个答案: