爲什麼我的jQuery-ui腳本不能在wordpress上工作？（它不出差錯成功地加載）

-1

Jquery的腳本是在這裏（使用jQuery UI的）：爲什麼我的jQuery-ui腳本不能在wordpress上工作？（它不出差錯成功地加載）

// JavaScript Document 

$(document).ready(function(slider) { 

$("#amount").val("How many cigarettes do you smoke a day?"); 
$("#amountb").val("How much do you pay for a 10 pack of cigarettes?"); 


$(function() { 

    var t = { 

     0: "0", 
     10: "5", 
     20: "10", 
     30: "15", 
     40: "20", 
     50: "25", 
     60: "30", 
     70: "35", 
     80: "40", 
     90: "45", 
     100: "50", 

    } 

    var d = { 

     0: "0", 
     0.5:"0.5", 
     1:"1.00", 
     1.5:"1.5", 
     2: "2.00", 
     2.5: "2.50", 
     3: "3.00", 
     3.5: "3.50", 
     4: "4.00", 
     4.5: "4.50", 
     5: "5.00", 
     5.5: "5.50", 
     6: "6.00", 
     6.5: "6.50", 
     7: "7.00", 
     7.5: "7.50", 
    } 


    $("#slider").slider({ 

     value: "0", 
     min: 0, 
     max: 100, 
     step: 10, 
     slide: function(event, ui) { 
      var a=$("#price").val(t[ui.value]); 
     update(); 
     } 
    }); 


    $("#sliderb").slider({ 
     value: "0", 
     min: 0, 
     max: 7.5, 
     step: 0.5, 
     slide: function(event, ui) { 
      $("#priceb").val(d[ui.value]); 
      update(); 
     } 
    }); 



} 
); 


}); 

function update() 
{ 
    var a=document.getElementById('price').value; 
    var b=document.getElementById('priceb').value; 
    var total=((parseFloat(a)*parseFloat(b))*365)/10; 
    document.getElementById('total').value=""+total; 

    var c=document.getElementById('total').value; 

    var viva=parseFloat(c)-(((parseFloat(a)/10)*30)*12); 
    document.getElementById('viva').value=""+viva; 
}

而且我的HTML是在這裏：（注意與ID的滑塊&與上面的腳本sliderb的div）

<div class="wrappernew"> 
     <div class="colThree" style="margin: 0px 0 20px 0px; "> 
    <div id="contenta"> 
       <form method="post" name="quoteme" enctype="multipart/form-data"> 
      <div id="quoteme"> 
         <div id="slider"> </div> 
         <label for="amount"> </label> 
         <input name="one" style="width: 400px;" type="text" id="amount" value="0" disabled="disabled" /> 
         <label for="price"> </label> 
         <input name="onea" type="text" id="price" value="0" disabled="disabled" /> 
         <div id="sliderb"> </div> 
         <label for="amountb"> </label> 
         <input name="two" style="width: 400px;" type="text" id="amountb" value="0" disabled="disabled" /> 
         <label for="priceb"> </label> 
         <input name="twoa" type="text" id="priceb" value="0" disabled="disabled" /> 
         <p class="pricepara"> You spend £ 
        <label for="total" id="totalprice" style=""> </label> 
        <input name="totalprice" type="text" id="total" disabled="disabled" style="" /> 
        on cigarettes each year. </p> 
         <p class="pricepara"> By switching to Viva you could save £ 
        <label for="viva" id="totalprice" style=""> </label> 
        <input name="totalprice" type="text" id="viva" disabled="disabled" style="" /> 
        each year. </p> 
        </div> 
     </form> 
      </div> 
</div> 
    </div> 
</div>

有問題的網站是http://www.vivaelectroniccigarette.com/和什麼應該是在主頁上的滑塊，但腳本只是沒有在HTML上留下印象。

我不是程序員，但我認爲我會自己去做，我已經在本地工作了，但是當我將它添加到wordpress時，它已經不復存在。

我已經在wordpress上加載了與本地相同的所有腳本，但是我不能幫助但覺得我在頁面上缺少一些告訴腳本運行的東西？

任何和所有的幫助將不勝感激。

每個指令替換$因爲在這之後是腳本：

// JavaScript Document 

Jquery(document).ready(function(slider) { 

Jquery("#amount").val("How many cigarettes do you smoke a day?"); 
Jquery("#amountb").val("How much do you pay for a 10 pack of cigarettes?"); 


Jquery(function() { 

    var t = { 

     0: "0", 
     10: "5", 
     20: "10", 
     30: "15", 
     40: "20", 
     50: "25", 
     60: "30", 
     70: "35", 
     80: "40", 
     90: "45", 
     100: "50", 

    } 

    var d = { 

     0: "0", 
     0.5:"0.5", 
     1:"1.00", 
     1.5:"1.5", 
     2: "2.00", 
     2.5: "2.50", 
     3: "3.00", 
     3.5: "3.50", 
     4: "4.00", 
     4.5: "4.50", 
     5: "5.00", 
     5.5: "5.50", 
     6: "6.00", 
     6.5: "6.50", 
     7: "7.00", 
     7.5: "7.50", 
    } 


    Jquery("#slider").slider({ 

     value: "0", 
     min: 0, 
     max: 100, 
     step: 10, 
     slide: function(event, ui) { 
      var a=Jquery("#price").val(t[ui.value]); 
     update(); 
     } 
    }); 


    Jquery("#sliderb").slider({ 
     value: "0", 
     min: 0, 
     max: 7.5, 
     step: 0.5, 
     slide: function(event, ui) { 
      Jquery("#priceb").val(d[ui.value]); 
      update(); 
     } 
    }); 



} 
); 


}); 

function update() 
{ 
    var a=document.getElementById('price').value; 
    var b=document.getElementById('priceb').value; 
    var total=((parseFloat(a)*parseFloat(b))*365)/10; 
    document.getElementById('total').value=""+total; 

    var c=document.getElementById('total').value; 

    var viva=parseFloat(c)-(((parseFloat(a)/10)*30)*12); 
    document.getElementById('viva').value=""+viva; 
}

我剛纔說了上面的腳本作爲推薦的網站，但它仍然沒有對HTML做出的印象，在我的地方版本腳本用實際滑塊替換div的「滑塊」和「滑塊b」。

我不知道這是否是任何幫助，但我在這裏拉鍊文件：http://vivaelectroniccigarette.com/wp-content/themes/mystile/js/price_estimator-1.zip index.html文件是如何看起來本地和我得到的網站上有什麼可以看出：vivaelectroniccigarette.com

這是我的頭和我正在加載文件的順序，這是否有問題？

<head> 

<meta charset="<?php bloginfo('charset'); ?>" /> 

<title><?php woo_title(''); ?></title> 
<?php woo_meta(); ?> 
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>" media="screen" /> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 



<?php 
wp_head(); 
woo_head(); 
?> 

<link rel="stylesheet" type="text/css" href="http://www.vivaelectroniccigarette.com/wp-content/themes/mystile/js/jquery-ui.css"> 
<script src='http://www.vivaelectroniccigarette.com/wp-content/themes/mystile/js/jquery-1.6.2.min.js'> 
</script> 
<script src="http://www.vivaelectroniccigarette.com/wp-content/themes/mystile/js/myscript.js"> 
</script> 
<script src="http://www.vivaelectroniccigarette.com/wp-content/themes/mystile/js/jquery-ui.js"> 
</script> 

</head>

來源

2014-03-04 Chris Naylor