Question

以下代码可以在桌面和iOS上显示下拉列表，但在Android上，它会创建一个点击事件并刷新页面。我怎么能阻止它？我没有找到解决这个问题的简单方法吗？

jQuery的：

$('nav li').hover(
    function () {
        $('ul', this).fadeIn(100);

    }, 
    function () {
        $('ul', this).fadeOut(100);         
    }
);

HTML：

<nav>
    <ul>
        <li><a href="">Products</a></li>
    </ul>
</nav>

Answer 1

这是因为它将悬停转换为点按。您没有要在代码中加载的页面，因此＃将被修改为您的URL，显示链接已成功。

Answer 2

不确定这是否是执行此操作的最佳方式，但是这会阻止页面在Android中刷新，同时仍然使用悬停代码来显示下拉列表（这只是导航文件的ul子项。

$('nav li').hover(
    function () {
        $('ul', this).fadeIn(100);
    }, 
    function () {
        $('ul', this).fadeOut(100); 
    }
);

$('nav a[href=""]').click(function(){
    return false;
});

Android上的jQuery .hover - 防止点击

2 个答案: