JSFIDLE可以工作，但不在Blogger站点上：jQuery cookies

正如你在这把小提琴上看到的：它工作得非常完美。如果单击“添加到购物车”链接，它将显示“已在购物车中”div，然后单击“刷新”（或再次运行），并保持显示“已在购物车中”div

这里有一个指向测试帖子的链接：如您所见，jquery根本不起作用。它甚至没有在加载时隐藏“ready in Cart”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>

$（函数（）{
$（'akready in cart'）.hide（）；
$（“#添加到购物车”）。单击（函数（）{
$（“#添加到购物车”）.hide（）；
$（'akready in cart'）.show（）；
$.cookie（'akready-in-cart'，true）；
});
$（'akready in cart'）。单击（函数（）{
$（“#添加到购物车”）.show（）；
$（'akready in cart'）.hide（）；
$.cookie（'akready-in-cart'，false）；
});
if（$.cookie（'akready-in-cart'）=='true'）{
$（“#添加到购物车”）。单击（）；
}否则{
$（'akready in cart'）。单击（）；
}
#车里的akready{
保证金：5px0；
填充物：3px 5px；
背景：红色；
颜色：#fff；
字体大小：粗体；
字体大小：24px；
显示：内联块；
文字装饰：无；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
}

---

有什么想法吗？

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

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

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

致：

如何包括jQuery而不仅仅是cookie插件，并使用文档就绪处理程序？对不起，我的错，在实际帖子中我有插件和处理程序。还有其他想法吗？用插件和处理程序更新帖子。正如你在测试帖子中看到的，jQuery插件和处理程序也在那里。我做了梯子，修复了它。谢谢！

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>