2015-12-07 105 views
1

我有一個網站上的自動建議功能,它從數據庫中獲取類別。無法選擇在移動設備上的自動建議

它可以完美運行在臺式電腦和筆記本電腦,但是當我打開我的iphone例如網頁,它建議的類別,但我不能點擊它自動填入輸入框?

我jQuery代碼是

<script type="text/javascript"> 

$(function() { 
    $(".search").keyup(function() { 
     var searchid = $(this).val(); 
     var dataString = 'search=' + searchid; 
     if (searchid != '') { 
      $.ajax({ 
       type: "POST", 
       url: "search/search.php", 
       data: dataString, 
       cache: false, 
       success: function(html) { 
        $("#result").html(html).show(); 
       } 
      }); 
     } 
     return false; 
    }); 

    jQuery("#result").live("click", function(e) { 
     var $clicked = $(e.target); 
     var $name = $clicked.find('.name').html(); 
     var decoded = $("<div/>").html($name).text(); 
     $('#searchid').val(decoded); 
    }); 
    jQuery(document).live("click", function(e) { 
     var $clicked = $(e.target); 
     if (!$clicked.hasClass("search")) { 
      jQuery("#result").fadeOut(); 
     } 
    }); 
    $('#searchid').click(function() { 
     jQuery("#result").fadeIn(); 
    }); 
}); 

</script> 

而我的HTML

<input type="text" class="search" id="searchid" name="tekst placeholder="What are you looking for?"> 

<div id="result"> 
</div> 

我看不出哪裏有問題的,因爲所提到的自動提示的作品完美,但它是當我想要點擊建議的詞,沒有任何反應。

您可以在這裏看到的網站:http://goo.gl/YMfsn9

希望你們能幫助我。

回答

1

對不起..我的一個朋友剛剛降了,答案是讓格「可指向」與CSS

.search 
{ 
    cursor: pointer; 
} 

那麼幸運,問題並不大:-)