无法选择在移动设备上的自动建议

我有一个网站上的自动建议功能，它从数据库中获取类别。无法选择在移动设备上的自动建议

它可以完美运行在台式电脑和笔记本电脑，但是当我打开我的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

希望你们能帮助我。

来源

2015-12-07 Rasmus Kjeldsen

对不起..我的一个朋友刚刚降了，答案是让格“可指向”与CSS

.search 
{ 
    cursor: pointer; 
}

那么幸运，问题并不大:-)

来源

2015-12-07 09:50:19

无法选择在移动设备上的自动建议

回答

相关问题