引导下拉隐藏点击选择隐藏下拉

Bootstrap dropdown hide on click select hide dropdown

本文关键字：隐藏选择更新时间：2023-09-26

点击选择下拉菜单下拉菜单变成隐藏引导下拉菜单我不想隐藏当我在选择下拉菜单中选择一些东西

<li> <a href="#"  data-toggle="dropdown" aria-haspopup="true" class="myr-text" aria-expanded="false"> <img src="images/flag-icon.jpg" alt=""> / MYR / English</a>
              <ul class="dropdown-menu select-dropdown-menu">
                <li><p>Regional settings for your next visit</p></li>
                <li role="separator" class="divider"></li>
                <li><form class="form-horizontal" role="form">
                    <select id="basic" class="selectpicker show-tick form-control" data-live-search="true">
                      <option selected> Malaysia </option>
                      <option> Malaysia 01 </option>
                      <option> Malaysia 02 </option>
                      <option> Malaysia 03 </option>
                      <option> Malaysia 04 </option>
                    </select>
                  </form></li>
                <li><form class="form-horizontal" role="form">
                    <select id="basic" class="selectpicker show-tick form-control" data-live-search="true">
                      <option selected> Malaysian Ringgit (RM) </option>
                      <option> Malaysian Ringgit (RM) 01 </option>
                      <option> Malaysian Ringgit (RM) 02 </option>
                      <option> Malaysian Ringgit (RM) 03 </option>
                      <option> Malaysian Ringgit (RM) 04 </option>
                    </select>
                  </form></li>
                <li><form class="form-horizontal" role="form">
                    <select id="basic" class="selectpicker show-tick form-control" data-live-search="true">
                      <option selected> English </option>
                      <option> Urdu </option>
                      <option> Punjabi </option>
                      <option> Pashtoo </option>
                    </select>
                  </form></li>
              </ul>
            </li>

这是我的jquery代码，我用来显示和隐藏

$("body .social-nav li ul.dropdown-menu").click(function(event) {
$(this).closest('.social-nav li').addClass("open-deopdown");
    });
$(body).click(function(event) {
$(this).closest('body ul.social-nav li').removeClass("open-deopdown");
    });

试试这个:

$('body').click(function(event){
     if($(event.target).closest('.open-dropdown').length==0)
     {
        $('li').removeClass("open-dropdown");
         }
    });
$('.myr-text').click(function(){
    $(this).closest('.social-nav li').toggleClass("open-dropdown");
    });