当用户通过平板电脑访问网站时,我想禁用包含下拉菜单的链接,因此,当用户从平板电脑上点击链接时:
- >显示下拉列表但链接已禁用,然后在第二次点击时链接正常工作。
我认为这可能已经解决,但我还没有发现任何合适的内容,我正在使用here中的代码
jQuery(document).ready(function ($) {
$("li.taphover > a").on('touchstart', function (e) {
'use strict'; //satisfy the code inspectors
var link = $(this); //preselect the link
if (link.hasClass('hover')) {
return true;
} else {
link.addClass('hover');
$('li.taphover > a').not(this).removeClass('hover');
e.preventDefault();
return false; //extra, and to make sure the function has consistent return points
}
});
});
但它禁用了链接,没有任何作用。