jquery没有完全在wordpress中工作

时间:2014-05-04 22:48:50

标签: javascript php jquery ajax wordpress

这是链接http://carboncreditcapital.com/calculator/

我不明白为什么页面在页面加载时会返回json。 当用户在输入字段中键入以返回相关的机场名称时,它会自动完成

我不知道应该编辑哪些文件以使jquery在wordpress中正常工作

<?php

?>

<meta charset="utf-8">
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />

<div>
    From
    <div class="textinput">
        <input type="text" id="dept" name="departure" placeholder="City name or aiport code" style="width: 120px">
    </div>
</div>

<div>
    To
<div>
<input type="text" id="dest" placeholder="City name or airport code" style="width: 120px">
    </div>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript" src="myScript.js"></script>

JQUERY:

jQuery(document).ready(function(){
jQuery('#dept').autocomplete({
        source:'source.php',
        minLength:1,

    }); 


    jQuery('#dest').autocomplete({
        source:'source.php',
        minLength:1,

    }); 
});

1 个答案:

答案 0 :(得分:0)

在wordpress中你需要使用不同版本的jquery函数
启动DOC加载选项

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('#dept').autocomplete({
         source:'source.php',
         minLength:1
     }); 
});
</script>