Jquery Меню Скрыть показать

<div class="tools">TOOLS 
    <ul> 
     <li class="toolone">First 
      <div class="plugin"> 
       <select>Option 
         <optios></options 
       </select> 
      </div> 
     </li> 
    <ul> 
</div>

Jquery:Jquery Меню Скрыть показать

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

Скрыть шоу работает отлично, но когда я нажимаю на Inner Выберите вариант в литий даже закрывается. Я пробовал event.stopPropagation();

Любая помощь?

источник

2015-06-26 Vinayak

попробовать это: -

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

});

Demo

источник

2015-06-26 07:26:10

благодарственное вы за помощь, работали! – Vinayak

@ Винайак рад, что это помогает :) –

@ Винайак - Если вы довольны ответом Learner, пожалуйста, отметьте его как принимающий. В противном случае кто-то продолжит публиковать тот же ответ –

Во-первых, была ошибка в вашем HTML. Обновленный ваш HTML:

<!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(); 
     }); 
    });

См plunkr

источник

2015-06-26 07:30:36

Попробуйте это:

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

    }); 
    });

источник

2015-06-26 07:39:57

Jquery Меню Скрыть показать

ответ

Смежные вопросы