href 値を正常に更新しましたが、元のリンクをクリックするとアクティブになります。しかし、ソースを見ると、href が更新された後に値が更新されますが、クリックされたときは更新されません。
私が使用した一時データはテスト用で、効果的に変更されたかどうかを確認するためのものです。
これは私が使用したコードです:
<a id="productIMGLarge6128" href="http://www.mysite.com/originalLarge.jpg" title="MyLargeImage" class="floatbox">
<span class="zoomIcon""><img src="styling/zoom.png" alt="zoom" /></span>
<img id="productIMGSmall6128" src="http://www.mysite.com/originalSmall.jpg" alt="MySmallImage" />
</a>
スクリプト
<script>
$(document).ready(function() {
$("#button").click(function(){
$("#button").spin("small", "#FFF");
$.ajax({
type: "POST",
url: "_/process/roofbox.php",
data: { color: "B", product: "6128" },
dataType: "json",
success: function(data){
$("#productIMGSmall6128").attr("src",data.productIMGSmall);
$("#productIMGLarge6128").attr("href","test");
$("#price6128").html(data.price);
console.log(data);
$("#button").spin(false);
}
});
return false;
});
});
</script>