Почему использование оповещения в Shopify cart / add API только добавляет товар в корзину для браузера Firefox?

Question

Я хочу добавить товар на страницу корзины на моем сайте Shopify. Я использую API-интерфейс Shopify cart / add.js для добавления товара в корзину. Работает в браузере Google Chrome. Но для Firefox это не работает. Как можно я делаю это в Mozilla Firefox, используя тот же API и без окна оповещения?

Я выполняю событие при нажатии кнопки Добавить в корзину

<button class="btn" id="add_raffle">
  <span id="AddToCartText-product-template">Add to cart</span>
</button>          

Форма для публикации

<form action="/cart/add" id="raffle_prod">
<input type = "hidden" name="id" value = "13597453582389" id="raffle_variant">
<input type = "hidden" name="quantity" value = "1" > 
<input type="submit" style="display:none" id="raffle_submit">

Код Jquery

$('#add_raffle').click(function(event){
    var FIREFOX = /Firefox/i.test(navigator.userAgent);
    if (FIREFOX) {
         $('#raffle_submit').trigger("click");
         alert('Raffle tickets added. Thanks!');
    } else {
        var dataString = $('#raffle_variant').serialize();
        jQuery.post('/cart/add.js', dataString);
        alert('Raffle tickets added. Thanks!');
    }
});

Этот код работает для Google Chrome.

Но для Firefox следующий код не работает. Мне нужно опубликовать форму и использовать оповещение после запроса, после чего товар добавляется в корзину.

Я хочу избежать оповещения и хочу использовать тот же код API, что и для Google Chrome.

Answer 1

Проверьте, что if оператор в вашем коде jQuery.

Исправлено:

    $('#add_raffle').click(function(event){
    var dataString = $('#raffle_variant').serialize()
    jQuery.post('/cart/add.js', dataString)});