如何在内部单击时防止掉落失去焦点

时间:2017-02-26 20:39:45

标签: jquery html css twitter-bootstrap

我有一个小提琴,它有一个显示标签形式的下拉列表。

注意:您看不到标签,但如果您将鼠标悬停在顶部,则会看到有4个标签。

这个想法是用户可以选择一个标签,然后填写表格。

目前,如果单击选项卡,它将失去焦点并且下拉列表消失。如果您点击某些标题'再次链接,您会注意到您选择的选项卡已正确选中,但它失去了焦点。

import QtQuick 2.5
Item {
    id:testComponent
    implicitHeight: 60  // < This
    implicitWidth: 300  // < and that are important to have the dimensions

    Rectangle {
        id: text_content

        anchors.fill: parent
        color: "DarkGray"
        opacity: 0.9
        border.color: "blue"
        border.width: 3
        radius: 5
        z:6
    }
}

https://jsfiddle.net/zr6q6bsm/

我需要修改什么,以便当您在下拉列表中选择任何内容时,它不会失去焦点。

1 个答案:

答案 0 :(得分:0)

我认为这可以帮到你:

将此添加到您的页面

 <script>
   $(document).ready(function(){
      $('#myTab li a').click(function(){
        setTimeout(function(){
          $('.dropdown-menu').show();
        }, 0);
     })
   });
 </script>