Question

我的jquery有一个小问题，我想在我的magento单页结帐中使用。我目前使用固定汇率进行国际汇票设置为0，因为我的运费成本可变。

出于这个原因，我有一个jquery电子邮件查询，通过电子邮件发送购物车的所有内容。

现在我想要做的是：当客户到达并选择统一费率交付选项时，我想要禁用“继续”按钮并启用“电子邮件查询”按钮，但这在我的结帐时不起作用。它在jsfiddle中。我认为这是因为运输方法在available.phtml中，按钮在不同的文件中 - shipping_methods.phtml。任何帮助将不胜感激

这是我的代码：

<script type="text/javascript">
    //<![CDATA[
        var shippingMethod = new ShippingMethod('co-shipping-method-form', "<?php echo $this-    >getUrl('checkout/onepage/saveShippingMethod') ?>");
//]]>
</script>
<div id="onepage-checkout-shipping-method-additional-load">
    <?php echo $this->getChildHtml('additional') ?>
</div>
<div class="buttons-set" id="shipping-method-buttons-container">
    <p class="back-link"><a href="#" onclick="checkout.back(); return false;"><small>&laquo; </small><?php echo $this->__('Back') ?></a></p>
    <button id="the_other_button" type="button" title="Email Enquiry" class="button" onclick="javascript:readEmailInfo();"><span><span style="padding: 0 13px;">Email Enquiry</span></span></button>
    <button id="the_button" type="button" class="button" onclick="shippingMethod.save()"><span><span><?php echo $this->__('Continue') ?></span></span></button>

    <span id="shipping-method-please-wait" class="please-wait" style="display:none;">
        <img src="<?php echo $this->getSkinUrl('images/opc-ajax-loader.gif') ?>" alt="<?php echo 
$this->__('Loading next step...') ?>" title="<?php echo $this->__('Loading next step...') ?>" 
class="v-middle" /> <?php echo $this->__('Loading next step...') ?>
    </span>
</div>
</form>
<script>
    if ($("#s_method_flatrate_flatrate:checked")){
        $('#the_button').hide();
        $('#the_other_button').show();
    }
</script>

Answer 1

试试这个：

<script>
    jQuery.noConflict();
    if (jQuery("#s_method_flatrate_flatrate").is(":checked")){
        jQuery('#the_button').hide();
        jQuery('#the_other_button').show();
    }
</script>

Magento的默认$也使用

prototype.js，这将与jQuery的$冲突。

Answer 2

你可以这样做：

<script> $j = jQuery.noConflict(); if ($j("#s_method_flatrate_flatrate").is(":checked")) { $j('#the_button').hide(); $j('#the_other_button').show(); } </script>

通过使用它，您可以解决jQuery Conflict。

Magento 1.7.0.2结帐运费

2 个答案: