Question

我的页面上有一个元素，我使用jQuery在click()上运行一个小函数。

此元素使用CSS设置样式，opacity设置为0.5，然后在悬停时将其更改为1.0。

我在过去在悬停时更改元素的opacity或display属性时遇到了一些问题，因此需要在触摸屏设备上“点击”两次。< / p>

例如，如果我在div周围有一个锚点标签，它在悬停时会更改opacity内元素的display或div属性，重定向到锚href我必须点击两次元素。

我认为这可能是同一类问题。我想我可以通过监听click()和tap()事件来解决这个问题，但后来我需要加载jQuery Mobile，我真的不想这样做。

简而言之：在某些移动设备上，我必须单击一次元素，将元素置于悬停状态，然后再次触发jQuery click()事件。

这是我正在使用的jQuery，包含在DOM中：

$('#scroll-down').click(function(e) {
    e.preventDefault();
    page.on("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove", function() {
        page.stop();
    });
    page.animate({
        scrollTop: viewportHeight + 2
    }, 1000, function() {
        page.off("scroll mousedown wheel DOMMouseScroll mousewheel keyup touchmove");
    });
    return false;
});

向下滚动视口的高度，再加上2个像素。

有什么想法吗？

Answer 1

正如Aaron所说，使用.on('click')似乎已经解决了这个问题。

在悬停状态激活之前，jQuery click（）不会点击

1 个答案: