如何在單擊字形上顯示通知右上角幾秒鍾？

Question

我已經成功地實現了這個帶有按鈕的 Bootstrap 通知教程：

教程

演示

我想改變一個小東西，而不是一個按鈕，一個字形（來自 Font Awesome）點擊它顯示成功通知。

我正在考慮在我的代碼上使用 id 來做到這一點，例如：

<i class=\"fas fa-cart-arrow-down\" id=\"panier\">

完整代碼：

 echo "<h4 align=\"center\"> <a href=\"$softname?additem\"><i class=\"fas fa-cart-arrow-down\" id=\"panier\"></i> $a_photo_exp[0]</a></h4>";

我嘗試多次修改 JavaScript 都沒有成功，現在就好像不行了：

function myFunction() {
  document.getElementById("panier").bootstrapGrowl('Added to cart',{
        type: 'success',
        delay: 2000,
        });
}

我的 JavaScript 是有限的，你能解釋一下如何讓它工作嗎？

Answer 1

看來你需要使用jQuery來打開通知，你可以做這樣的事情來使它工作：

PHP代碼

添加event.preventDefault()以在單擊鏈接后阻止重定向。

 echo "<h4 align=\"center\"> <a href=\"$softname?additem\" onclick=\"event.preventDefault(); myFunction();\"><i class=\"fas fa-cart-arrow-down\" id=\"panier\"></i> $a_photo_exp[0]</a></h4>";

JS

function myFunction() {

  $.bootstrapGrowl('Added to cart',{
        type: 'success',
        delay: 2000,
  });
}