JSFiddle可以在Blogger網站上運行，但不在Blogger網站上：jQuery cookies

Question

正如您在此小提琴中看到的那樣：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> 

任何想法？

Answer 1

您在代碼中引用了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>