выпадающее меню в моем расширении chrome

Question

Я построю расширение google-chrome и теперь хочу добавить выпадающее меню. Моя проблема в том, что когда я нажимаю на пункты меню, открываю новую вкладку chrome с моим popup.html и не перезагружаю ее. Я пробовал это и с <ul> и <li>.

<div class="dropdown"> 
     <button class="dropbtn">Dropdown</button> 
     <div class="dropdown-content"> 
      <a id="menu1" href="#">menu1</a> 
      <a id="menu2" href="#">menu2</a> 
      <a id="menu3" href="#">menu3</a> 
     </div> 
</div> 

Я хочу использовать его для запуска JavaScript после выбора.

Answer 1

Просто прослушайте click событие для a и добавьте e.preventDefault(), чтобы отключить поведение браузера по умолчанию.

$(".dropdown-content a").click(function(e) { 
    // your logic here 
    e.preventDefault(); 
});