2016-02-27 75 views
0

我正在使用wordpress,我想要一個可以在keychange上自動完成的搜索文本框。自動完成的結果應該來自包含產品名稱的數據庫。在wordpress中使用jquery的自動完成功能不起作用

這是我有,但它不工作。什麼都沒有出現。

$(document).ready(function() { 
$("#product").autocomplete({ 
    source: function(request, response){ 
     $.getJSON("../searchProduct.php"){ 
      term: $(#product).val() 
     }, response); 
    } 
}); 

上searchProduct.php,我有:

<?php 
global $wpdb; 
require_once('/wp-config.php'); 

$searchTerm = $_GET['term']; 
$searchTerm = esc_sql($searchTerm); 
$searchTerm = like_escape($searchTerm); 

$results = $wpdb->get_results("SELECT * FROM wp_products WHERE productName LIKE '".$searchTerm."%'");  
    foreach ($results as $products) { 
     $data[] = $products->productName; 
    } 
} 

echo json_encode($data); 
?> 

可能是什麼問題呢?先謝謝你!

+0

如果您在網絡選項卡看在開發工具在Chrome(或等值火狐)你能看到Ajax調用?它是否返回200狀態?有沒有迴應? –

回答

0

如果沒有一些錯誤信息,很難說出問題究竟是什麼。如果您檢查,響應代碼是什麼? 404? 500?

我注意到的一件事是您使用的是$(document).ready(function() {,Wordpress需要不衝突的jQuery包裝。嘗試切換該行出來jQuery(function($) {

下面是更多的一些信息,如果你需要它:http://wptricks.net/jquery-noconflict-wrappers-on-wordpress/

相關問題