PHP快餐栏使用href <a> onClick doesn&#39;t work?

Question

I'm trying to dismiss this snackbar when I click the add to cart <a href> but it doesn't output anything. Anyone can help me? here is my code

SNACKBAR CODE

<div id="snackbar">Some text some message..</div>

A HREF CODE

<a class="btn btn-primary" href="?add=<?php echo($i); ?>" onClick="myFunction()">Add to cart

JQUERY.JS CODE

function myFunction() {
var x = document.getElementById("snackbar")
x.className = "show";
setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
}

Answer 1

您的代码根本不使用jQuery。但是如果你想使用jQuery，下面的代码相当于你的干净js代码的jQuery代码。

function myFunction() {
    var snackbar = $("#snackbar");
    snackbar.addClass("show").delay(3000).removeClass("show");
}

甚至更好：

function myFunction() {
    var snackbar = $("#snackbar");
    snackbar.show().delay(3000).hide();
}

一个jsfidle的例子，她会很好。

Answer 2

使用x.addClass('show')或x.removeClass('show')