如何調用一個模式使用JS Jquery多個標籤

我有四個標籤（兩個充當按鈕，另外兩個充當基本鏈接）。如何調用一個模式使用JS Jquery多個標籤

<a href="http://www.microsoft.com" class="myBtn btn btn-default">M-Soft</a> 
<a href="http://www.hp.com" class="myBtn btn btn-default">HP</a> 

<a href="http://www.google.com" class="myBtn ">Google</a> 
<a href="http://www.twitter.com">Twitter</a>

這裏是我的jQuery代碼：

$(document).ready(function(){ 
      $(".myBtn").click(function() { 
       $("#ConfirmBtn").attr("href", $(this).attr("href")); 
       $("#myModal").modal('show'); 
       return false; 
      }); 
     });

前三個標籤可以調用模式，併成功地重定向到各自的HREF如果點擊確認按鈕。最後一個標籤直接到它的嵌入式href，而不首先調用模態（注意：因爲這個標籤中沒有class屬性）。

問題：我需要知道是否可以添加多個標籤，而不必爲每個標籤都編寫類，並且在點擊確認按鈕後仍然能夠調用模式和重定向。

來源

2016-11-16 Bamley

我不太明白你的問題。爲什麼你不能在你想要觸發模式的每個鏈接上添加'myBtn'類？ –

改爲$（「。myBtn」），您可以使用$（「a」）並添加所需的其他邏輯。 – Shiv

謝謝你們的回覆。 @ZoltánTamási我試圖找到一種方法，不必爲每個標籤添加myBtn，因爲我正在做的項目涉及數十個或標籤。 @Shiv我曾嘗試用$（「a」）替換$（「。myBtn」），它在調用模態的時候運行良好。但是，當我點擊確認按鈕時，它不會重定向我了。 – Bamley

你的問題還不太清楚。您可以通過"a"選擇器選擇每個a元素。然後在click處理程序，您可以檢查任何你想要的，爲的階級存在例如，等

$(document).ready(function(){ 
    $("a").click(function() { 
     if ($(this).hasClass("myBtn")) { 
      $("#ConfirmBtn").attr("href", $(this).attr("href")); 
      $("#myModal").modal('show'); 
      return false; 
     } 
     // do whatever else you want... 
    }); 
});

來源

2016-11-16 15:10:27

如何調用一個模式使用JS Jquery多個標籤

回答

相關問題