javascript - iPad 悬停事件 jQuery

Question

我正在尝试使用 jQuery 为我的网站创建一个错误的悬停事件...

我创建了以下内容，列表中的所有子元素现在也返回 false，而不是链接到正确的页面...

if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) {
    $("ul.sf-menu li.i").click(function(e) {
        e.preventDefault();
    });
}

有人知道可行的替代方法吗？

<小时/>

HTML

<ul class="sf-menu"> <li><a href="index.html">Home</a><li class="i"><a href="wedding-hire.html">Weddings</a>
            <ul>
                <li><a href="peel-suite.html">Peel Suite</a></li>
                <li><a href="the-hall.html">The Hall</a></li>
                <li><a href="the-grounds.html">The Grounds</a></li>
                <li><a href="food-and-drink.html">Food &amp; Drink</a></li>
                <li><a href="pricing.html">Pricing</a></li>
            </ul>
        </li>

Answer 1

好吧。如果没有 HTML，就很难说清楚。但是，当用户单击 li (及其子项，我认为是 anchor /链接)时，您将停止浏览器的默认行为。您可以检查它是链接还是点击 anchor 并以不同的方式处理它；

$("ul.sf-menu li.i").click(function(e) {
    if (e.target.nodeName!=="A"){
        e.preventDefault();
        //do your hover code
    }
    else{
        //do nothing, because the user wants the link to load
    }
});