Question

在这里刮胡子。我有一个脚本问题，其中脚本出现在所有页面上，但如果它不是主页则似乎不执行。

如果你去：

www.foulplayornot.com并点击立即捐款，总数和价格正确变化。（除了造型，但这只是现在不重要）。

，但

如果您通过永久链接http://foulplayornot.com/campaigns/melbourne/访问同一广告系列，则总计不会更改。似乎在两个页面上都加载了相同的脚本，但我无法找出它无效的原因。

唯一的区别是第一个（使用静态广告系列php模板的主页）是一个精选广告系列，第二个链接是使用单个广告系列的常规广告系列链接

用于更改价格总计的自定义脚本会添加到campaignify.js的底部，该列表就像这样排队（想想可能主页有条件但似乎没有）：

wp_enqueue_script( 'campaignify-script', get_template_directory_uri() . '/js/campaignify.js', array( 'jquery', 'fancybox' ), 20130603, true );

campaignify.js中的自定义代码，底部的相关代码位于/ **模态价格** /：

jQuery( document ).ready(function($) {
    Campaignify.App.init();
    Campaignify.Widgets.init();

    if ( campaignifySettings.page.is_campaign )
        Campaignify.Checkout();

    $( window ).on( 'resize', function() {
        Campaignify.Widgets.resize();

        Campaignify.App.gridify();
    });

    /** Modal prices  **/

    var price;
    var qty;

    price = $('#myContributeSelect').find('option:selected').attr('data-price');
  qty = $('#myContributeQty').find('option:selected').val();
  var totalFormatted = (qty * price).toFixed(2);
  $('#myContributeTotal').html(totalFormatted);
  $('#Itemprice').val(price);

  $('#myContributeQty').on('change', function() {
    qty = $(this).val();
    price = $('#Itemprice').val();
    var totalFormatted = (qty * price).toFixed(2);
    $('#myContributeTotal').html(totalFormatted);
  });

  $('#myContributeSelect').on('change', function() {
    price = $(this).find('option:selected').attr('data-price');
    qty = $('#myContributeQty').find('option:selected').val();
    $('#Itemprice').val(price);

      var totalFormatted = (qty * price).toFixed(2);
  $('#myContributeTotal').html(totalFormatted);
    });  
});

这个的HTML是（编辑出一些php以使其更具可读性/浓缩性）：

    <div class="sqwrap">
      <div class="sizewrap">
        <h5>Size</h5>

        <div class="size">
           <select name="price-option" class="selectStyle" id="myContributeSelect">
               <option name="edd_options[price_id][]" id="%1$s" class="%2$s edd_price_options_input" value="%3$s" data-price="'.$amount.'">'.wpautop( wp_kses_data( $price[ 'name' ] ) ).
               </option>    
           </select>
        </div>

      <div class="quantitywrap">
        <h5>Qty</h5>
          <select name="qty" class="modalquantity" id="myContributeQty">
            <option value="1" selected="selected">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
          </select> 
          <div class="arrow-down"></div>
          <input type="hidden" name="Itemprice" value="" id="Itemprice">
        </div>

        <div class="totalwrap">
          <h3>Total</h3>
          <div class="wrap_edd_cart_amount">
              <div class="totalborder">
                    <span class="edd_cart_amount" data-subtotal="<?php echo edd_get_cart_total(); ?>" data-total="<?php echo edd_get_cart_total(); ?>">$<span  id="myContributeTotal">0</span>
              </div>
          </div>
        </div>
      </div>

我已经尝试禁用所有插件无济于事。不知道从哪里开始。任何帮助将不胜感激！

感谢您阅读

脚本在主页上运行但不在其他页面上运行？

0 个答案: