Question

我正在为Liferay做一个下拉按钮。

Bootstrap拥有2 Liferay的功能对我不起作用，然后我创建了0中的一个。

我打开一个或另一个取决于选择哪个按钮。如果我对该项目进行计算，我就会隐藏。

但是当你点击html之外的任何地方时我都有错，我只是隐藏了下拉列表。

那让我失望了？

HTML

for words in myArray {
    if myTextView.contains(words) { 
        print("words are found")
    }
}

JQUERY

<div id="desplegableBoton">
    <div class="btn-toolbar">
        <div class="btn-group">
            <button data-toggle="dropdown" class="btn dropdown-toggle">Configurar <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li><a href="#">Cambio de canal Wifi</a></li>
                <li><a href="#">Recuperación de contraseña wifi</a></li>
                <li><a href="#">Velocímetro</a></li>
                <li><a href="#">Contratar upgrade</a></li>
            </ul>
        </div><!-- /btn-group -->

        <div class="btn-group">
            <button data-toggle="dropdown" class="btn btn-default dropdown-toggle">Consultar <span class="caret"></span></button>
            <ul class="dropdown-menu">
                <li><a href="#">Cambio de canal Wifi</a></li>
                <li><a href="#">Recuperación de contraseña wifi</a></li>
                <li><a href="#">Velocímetro</a></li>
                <li><a href="#">Contratar upgrade</a></li>
            </ul>
        </div><!-- /btn-group -->
    </div>      
</div>

Answer 1

您可以尝试使用blur()来检测点击其他内容的时间。

blur()是一个元素＆＃34;失去焦点时调用的函数＆＃34;，这意味着如果你点击一个你正在与之交互的项目之外，就会调用blur()

这可能会对您有所帮助：

$('#desplegableBoton').blur(function(){
    $('.dropdown-menu').slideUp();
});

我没有隐藏在元素外单击的下拉列表

1 个答案: