Javascript Jquery菜单隐藏显示_Javascript_Jquery_Menu

Javascript Jquery菜单隐藏显示

javascript jquery menu

Javascript Jquery菜单隐藏显示,javascript,jquery,menu,Javascript,Jquery,Menu,“隐藏显示”功能完美，但当我在li中单击“内部选择”选项时，它甚至会关闭。我试过event.stopPropagation（）有什么帮助吗？试试这个：- $(document).ready(function () { $('.toolone').click(function () { $(this).find('.plugin').toggle(200); }); }); 首先，您的html中存在错误。更新您的html

“隐藏显示”功能完美，但当我在li中单击“内部选择”选项时，它甚至会关闭。我试过event.stopPropagation（）

有什么帮助吗？

试试这个：-

    $(document).ready(function () {
        $('.toolone').click(function () {
            $(this).find('.plugin').toggle(200);
        });
    });

首先，您的html中存在错误。更新您的html：

 $(document).ready(function () {
    $('.toolone').click(function () {
        $(this).find('.plugin').toggle(200);
    });
 $('.toolone select').click(function(e){
    e.stopPropagation();
   })

 });

请参见

试试这个：

 $(document).ready(function () {
        $('.toolone').click(function () {
            $(this).find('.plugin').toggle(200);
        });
        $('.toolone select').click(function (e) {
            e.stopPropagation();
        });
    });

谢谢你的帮助，工作顺利@Vinayak很高兴它有帮助：）@Vinayak-如果你对学习者的答案满意，请将其标记为接受，否则有人会继续发布相同的答案

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
  <div class="tools">TOOLS
     <ul>
         <li class="toolone">First
             <div class="plugin">
                 <select>
                      <option>abc</option>
                 </select>
             </div>
         </li>
     </ul>
</div>
  </body>

</html>

 $(document).ready(function () {
        $('.toolone').click(function () {
            $(this).find('.plugin').toggle(200);
        });
        $('.toolone select').click(function (e) {
            e.stopPropagation();
        });
    });

   $(document).ready(function () {
     $('.toolone').click(function (e) {
        if(e.target !== this) {
            return;
        }
        $(this).find('.plugin').toggle(200);

     });
   });