我的网站上有一个搜索栏,可根据用户输入动态加载搜索结果。接下来,当用户将鼠标悬停在任何搜索结果上时,数据网址会动态添加到搜索输入字段中,如下所示:
<input id="mainsearch" data-init-space="false" data-type="listen" data-listen-target="#mainsearchbtn" data-listen="state" type="search" results="16" class="main-search type-ahead form-control square color-gray-dark font-regular font-scaling-20 text-uppercase padding-left-30 ui-autocomplete-input ui-autocomplete-loading" placeholder="Search for..." autocomplete="off" data-url="/s/_XYZ">
接下来,当用户点击该特定结果时,他将被重定向到相应的页面。事情在桌面上按预期工作。
问题是,我希望用户能够在手机和平板电脑上的任何搜索结果的第一次点击中访问特定页面。目前它发生在两个水龙头上。
这是我尝试过的:
iosDropdownClick: function(){
$("body").on('touchend click',"ul.ui-menu li .ui-menu-item-wrapper", function(){
var el = $("#mainsearch");
var link = el.attr('data-url');
window.location.href = link;
});
}
但是,这会导致页面未定义。请帮我解决这个问题。
谢谢:)