单击兄弟姐妹时关闭zelect下拉列表

时间:2017-01-02 11:28:05

标签: jquery ruby-on-rails

我有以下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;目的地图标。

我该怎么办?

1 个答案:

答案 0 :(得分:0)

尝试做smth。像这样:

$(documetn).ready(function() {
  $(document).click(function(event) {
      if (!$(event.target).closest('.zelect').length) {
        $('.zelect').removeClass('open');
      }
    });
})

根据您的情况调整一下。