我的Chrome擴展程序中的下拉菜單

我建立了google-chrome擴展程序，現在想要添加下拉菜單。我的問題是，當我點擊我的菜單 - 指向它打開一個新的鉻選項卡與我的popup.html並不重新加載它。我試過這個，並用<ul>和<li>的方式。我的Chrome擴展程序中的下拉菜單

<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。

來源

2016-04-21 Paili

只要收聽click活動a標記並添加e.preventDefault()以禁用瀏覽器默認行爲。

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

來源

2016-04-21 08:40:28

我試過了，只是爲了測試document.write（「test」）;爲邏輯。現在它不會打開一個新選項卡並重新加載我的彈出窗口。但我的洞html已經消失了。只是「測試」站在那裏。 – Paili

@Paili，請注意'document.write'用於寫一個文本流的文本字符串，並且當單擊事件被執行時，文檔已經被加載（關閉），寫在一個關閉的文檔上會自動調用' document.open'，它將清除文檔。有關更多詳細信息，請參閱https://developer.mozilla.org/en-US/docs/Web/API/Document/write。 –

感謝這個信息。現在使用$（「＃card」）。append（'

new element！

'）;它爲我工作。 – Paili

我的Chrome擴展程序中的下拉菜單

回答

相關問題