Здравствуйте! Нашел на форуме тему,где человеку посоветовали использовать jquery.form.js
Я тоже все подключил вот так:
Это в head
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
$('#myform').ajaxSubmit({
success: function(data)
{
alert(data);
}
});
</script>
Это корзина:
<form id="myform" action="{/shop/url}cart/" method="post">
<!-- Если есть товары -->
<xsl:if test="count(shop_cart[postpone = 0]) > 0">
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
<p class="cart_title">Оформление заказа</p>
<p id="message">Для оформления заказа, нажмите «Оформить заказ».</p>
<!--<xsl:call-template name="tableHeader"/>-->
<xsl:apply-templates select="shop_cart[postpone = 0]"/>
<xsl:call-template name="tableFooter">
<xsl:with-param name="nodes" select="shop_cart[postpone = 0]"/>
</xsl:call-template>
</div>
</xsl:if>
</form>
Сам сабмит в шаблоне:
<xsl:template name="tableFooter">
<xsl:param name="nodes"/>
<div class="row table-cart">
<div class="col-xs-12 col-sm-12 col-md-11 col-lg-11" style="border: 1px dotted; padding: 10px; text-align: center;">
<div class="actions">
<button class="button btn-cart" type="submit" name="recount" value="recount" style="background-color: rgb(45, 195, 232) ! important; border: 0px none; cursor: pointer; overflow: visible; padding: 10px;width: 100%;">
<i class="fa fa-retweet bg-color5"></i>
<span class="bg-color4" style="color: rgb(255, 255, 255); text-align: center; white-space: normal; font-weight: bold; text-transform: uppercase; padding: 5px;">
<span>Пересчитать</span>
</span>
</button>
</div>
</div>
</div>
</xsl:template>
Повесил id на форму, но при нажатии на "Пересчитать" у меня все равно страница перезагружается. Что не так? В консоли ошибок нет.