処理のために Web サービスに値を送信する単純な jquery ajax スクリプトがありますが、何らかの理由で jquery がまったく実行されません。
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript" src="jquery-1.8.2.js"></script>
<script type="text/javascript" src="update-cart.js"></script>
</head>
<body>
<div id='colors'>
<a href="3333">Add Color</a>
</div>
</body>
</html>
ここにjQueryがあります
// to use surround anchor tags with div (id=colors). Set color or scheme id as href value. On click the item is posted to the web service.
// To do improve response handling from webservice.
$(document)ready(function(){
$("#colors a").live("click", function() {
alert("We get here");
var item = $(this).attr( 'href' );
var jqxhr = $.post("webservice.php", { action: "add", color: item }, function() {
alert("success");
})
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
});
});
http://www.2100computerlane.net/workingproject/index.htmlでテストしている例を次に示します。