2016-08-22 10 views
0
<script> 
jQuery(function() { 
var $ = jQuery; 
$(document).on('touchstart mouseover', 'a#wsite-com-minicart-checkout-button', function(e) { 
    var totalCount = $("span#wsite-nav-cart-num").text(); 
    var totalNeeded = 12; 
    if (totalCount < totalNeeded) { 
    var totalItems = totalNeeded - totalCount; 
    $("a#wsite-com-minicart-checkout-button").click(function(event){ 
     event.stopImmediatePropagation(); 
     alert('Orders under ' + totalNeeded + ' packages are only available for pickup. Click "Order for Pickup" to proceed to checkout. If not, click "OK" and add ' + totalItems + ' more packages for us to ship your order.'); 
     return false; 
    }); 
    } 
}); 
}); 
</script> 

Вот ссылка для просмотра онлайн: http://poloniafoods.weebly.com/store/p10/kozackieКак добавить кнопку «Заказ для пикапа» в мое всплывающее окно, позволяющее перейти к оформлению заказа?

Выберите город, нажмите кнопку «добавить в корзину», а затем нажмите кнопку «Оформить заказ», чтобы увидеть всплывающее окно.

Если кнопка не возможна, возможно, я могу использовать флажок?

+0

Alert дает вам один вариант. Попробуйте подтвердить? Это даст вам два варианта. Так что вы могли бы отменить/продолжить – Kilmazing

+0

Я очень новый для jquery-скриптов, вы можете отправить мне код? Или скажите мне, что делать, пожалуйста? – justinpees

ответ

0

Я изменил текст в подтверждающем всплывающем окне, красивом, но это то, что вы ищете:

<script> 
jQuery(function() { 
var $ = jQuery; 
    $(document).on('touchstart mouseover', 'a#wsite-com-minicart-checkout-button', function(e) { 
     var totalCount = $("span#wsite-nav-cart-num").text(); 
     var totalNeeded = 12; 
     if (totalCount < totalNeeded) { 
     var totalItems = totalNeeded - totalCount; 
     $("a#wsite-com-minicart-checkout-button").click(function(event){ 
      event.stopImmediatePropagation(); 
      var PickupOnly = confirm('Orders under ' + totalNeeded + ' packages are only available for local pickup. If this order is for local pickup only, click "Ok" to proceed to checkout. If not, click "Cancel" and add ' + totalItems + ' more packages for us to ship your order.'); 
      if (PickupOnly !== true) { 
       return false; 
      } 
     }); 
     } 
    }); 
}); 
</script> 

В принципе, если PickupOnly это не так, они останутся на странице. Если PickupOnly истинно, это позволит им перейти к оформлению заказа.

+0

Еще раз спасибо Джеффри, я прокомментирую здесь ссылку на мой следующий вопрос, если я снова застрял. То, что вы сделали, именно то, что я хотел. Есть ли способ изменить заголовок всплывающего окна? – justinpees

+0

Или есть способ изменить текст «ОК» на что-то другое? – justinpees

+0

Невозможно изменить текст кнопки или заголовок во всплывающем окне подтверждения. Вам нужно будет создать собственное всплывающее окно. Вы можете использовать это: http://jsfiddle.net/Xtreu/ в качестве примера, и что-то, с чем нужно работать. –

0

Подтверждение возвращает true или false. Таким образом, вместо боевой готовности сделать

Var Result = Confirm("your string here"); 
If (result === true) { 
    // user wants to proceed write code to handle 
} else { 
// user clicked cancel handle that 
} 
+0

Можете ли вы включить его в существующий код, который я предоставил? Как я уже сказал, я чрезвычайно новичок в jquery и не знаю, как это сделать. – justinpees