Javascript Can'；t在移动设备上选择自动建议

我在网站上有一个自动建议功能，它从数据库中获取类别

它在台式电脑和笔记本电脑上运行得非常好，但是当我在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>

$（函数（）{
$（“.search”）.keyup（函数（）{
var searchid=$（this.val（）；
var dataString='search='+searchid；
如果（搜索ID！=''）{
$.ajax({
类型：“POST”，
url:“search/search.php”，
数据：dataString，
cache:false，
成功：函数（html）{
$（“#结果”）.html（html）.show（）；
}
});
}
返回false；
});
jQuery（#result”）.live（“单击”，函数（e）{
var$clicked=$（e.target）；
var$name=$clicked.find（'.name'）.html（）；
var decoded=$（“”）.html（$name）.text（）；
$（'#searchid'）.val（已解码）；
});
jQuery（document）.live（“单击”），函数（e）{
var$clicked=$（e.target）；
如果（！$clicked.hasClass（“搜索”））{
jQuery（“#result”）.fadeOut（）；
}
});
$（'#searchid'）。单击（函数（）{
jQuery（“#result”）.fadeIn（）；
});
});

还有我的HTML

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

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

---

对不起。。我的一个朋友刚刚来访，答案是使用CSS使div“可指向”

所以幸运的是问题并没有那么大：-）

.search 
{
     cursor: pointer;
}