3

正如您在这个小提琴中看到的那样：http: //jsfiddle.net/yjxzQ/11/它工作得很好。如果您单击“添加到购物车”链接，它会显示“已加入购物车”div，然后单击刷新（或再次运行）并继续显示“已加入购物车”div

这是一个测试帖子的链接：http://sitetestexample.blogspot.com/p/add-to-cart.html如您所见，jquery 根本不起作用。它甚至没有在加载时隐藏“已经在购物车中”的 div。

帖子中的代码与小提琴中的代码完全相同：

<a href="#" id="akready-in-cart">Already in Cart</a>
<a href="#" id="add-to-cart">Add to Cart</a>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.js"></script>
<script type="text/javascript"> 
$(function(){
$('#akready-in-cart').hide();
$('#add-to-cart').click(function(){

$('#add-to-cart').hide();
$('#akready-in-cart').show();
$.cookie('akready-in-cart', true);
});

$('#akready-in-cart').click(function(){
$('#add-to-cart').show();
$('#akready-in-cart').hide();

$.cookie('akready-in-cart', false);
});
if($.cookie('akready-in-cart') == 'true'){
$('#add-to-cart').click();
} else {
$('#akready-in-cart').click();
}
</script>


<style type='text/css'>
#akready-in-cart{
margin:5px 0 0 0;
padding:3px 5px;
background:red;
color:#fff;
font-weight: bold;
font-size: 24px;
display:inline-block;
text-decoration:none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
</style>

有任何想法吗？

4

1 回答 1

2

您在代码中引用了 jquery.js，但是（从我从您的测试页面可以看出）您的站点中没有 jquery.js。

尝试下载 jquery.js 文件并将其放在您的网站上或更改：

<script type="text/javascript" src="jquery.js"></script>

至：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
于 2013-07-12T22:13:47.000 回答