我有以下HTML代码(Rails erb视图) -
<%= select_tag :destination, options_for_select(@destinations, params["destination"]), :id => 'destination', :style => 'width:100%;' %>
<div class='dropdown-icon destination-icon'>
<i class='fa fa-chevron-down'></i>
</div>
&安培;跟随js代码 -
$(document).click(function(){
$('.zelect').removeClass("open");
$('.zelect .dropdown').hide();
})
$('.zelect').click(function(e){
e.stopPropagation();
})
$('.dropdown-icon.destination-icon').click(function(e){
var zelect = $(this).siblings(".zelect");
if( zelect.hasClass("open") ){
zelect.removeClass("open");
zelect.children(".dropdown").hide();
}
else{
zelect.addClass("open");
zelect.children(".dropdown").show();
}
});
我想要做的是在点击任何地方时关闭zelect下拉菜单,除了zelect输入&amp;目的地图标。
我该怎么办?
答案 0 :(得分:0)
尝试做smth。像这样:
$(documetn).ready(function() {
$(document).click(function(event) {
if (!$(event.target).closest('.zelect').length) {
$('.zelect').removeClass('open');
}
});
})
根据您的情况调整一下。