Question

我已经成功实现了带有按钮的Bootstrap通知教程：

我想更改一个小东西，而不是按钮，而是单击时显示成功通知的glyphicon（来自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,
  });
}

单击glyphicon时如何显示通知右上角几秒钟？

1 个答案: