android - Android上的jQuery .hover - 防止点击

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

不确定这是否是最好的方法，但这会阻止页面在 Android 中刷新，同时仍然使用悬停代码来显示下拉列表（它们只是 nav ul li 的 ul 子级。

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

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

Answer 2

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