我寫了一個簡單的腳本,顯示在圖像上的圓圈。jQuery懸停/點擊事件在相同的DIV(移動設備)
當您將鼠標懸停在圓上時,它會展開爲工具提示。
$('div.tooltip').live({mouseenter:function(e){ ... animate tooltip open; },mouseleave:function(e){ ... animate tooltip closed; }});
當你點擊打開的工具提示時,它會顯示一個包含更多信息的燈箱。
$('div.tooltip').live('click',function(e){ ... open related lightbox });
一切正常,因爲它應該,但在移動設備上。當我點擊圓圈打開工具提示時,它會觸發click
事件並完全繞過mouseenter/mouseexit
事件。 任何想法將不勝感激:)謝謝
用戶如何將鼠標懸停在具有觸摸屏設備的元素上? –
這是因爲當你點擊**圓圈打開工具提示時,它應該觸發** click **事件。 – undefined
好吧,我正在尋找替代方案/解決方法,以使此工作無需太多的代碼太多或添加插件。在點擊事件(簡化代碼)中:if(mobile_device){$('div.tooltip')。trigger('mouseenter'); }其他{...做你的正常桌面任務...};這可以工作,現在將打開工具提示,點擊移動設備,並在其他地方正常工作(懸停時打開工具提示)。剩下的最後一件事就是搞清楚如何點擊移動設備上的工具提示來打開燈箱.... – Aaron