フォームを送信するスクリプトを作成し、「カートに追加済み」を示すダイアログを開きます。FFで活躍。Chrome はカート ページにリダイレクトしますが、IE は何も送信せず、何もしません。
<script type="text/javascript">
var productId = {{ product.vid }};
var addUrl = "http://shop.com/cart/add/" +productId+ "/?quantity=";
jQuery(document).ready(function(){
bakVormAsset("#formProduct");
});
function bakVormAsset(product){
jQuery(product + " #formProductQuantity").val("1");
jQuery(product + " #formProductQuantity").keyup(function () {
var val = jQuery(product + " #formProductQuantity").first().val();
});
jQuery(product + " .opener").click(function(event) {
event.preventDefault();
$.get($(this).attr('href'), function(data, status) {
var val = jQuery(product + " #formProductQuantity").first().val();
// Go to page
window.location.href = addUrl + val;
$( "#dialog" ).dialog( "open" );
return false;
});
}
</script>
そして、私のフォームは次のようになります。
<form class="formProduct" id="formProduct" action="#" method="post">
<input type="text" name="quantity" id="formProductQuantity" value="{{ product.stock.minimum }}" />
<a class="button blue opener" href="" title="{{ 'Add to cart' | t }}"><span>{{ 'Add to cart' | t }}</span></a>
</form>
私を助けてください
編集 私が言及するのを忘れていたのは、フォームが送信されたとき、ユーザーは同じページにとどまり、「カート」ページにリダイレクトされないようにする必要があるということです。