jQuery點擊（）沒有開火，直到懸停狀態激活

我在我的頁面上有一個元素，我用jQuery來運行click()上的一個小函數。jQuery點擊（）沒有開火，直到懸停狀態激活

此元素使用CSS樣式，它的opacity設置爲0.5，然後在懸停時將其更改爲1.0。

我在修改懸停時元素的opacity或display屬性時，曾經遇到過一些問題，以便在觸摸屏設備上做兩次需要「挖掘」的內容。

例如，如果我有一個錨定接頭片一個div纏，其上懸停，是改變div內部元件的opacity或display性能，重定向到所述錨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個像素。

任何想法？

來源

2016-03-15 Daniel Dewhurst

添加您的代碼到你的問題，請 –

請看看：http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes ：懸停未必是理想的事情在移動設備的情況下使用。 – user3613129

請分享你迄今爲止所做的 –

正如亞倫所建議的，使用.on('click')似乎已經解決了這個問題。

來源

2016-03-15 13:41:27

jQuery點擊（）沒有開火，直到懸停狀態激活

回答

相關問題