2011-09-25 58 views
1

懸停效果我試圖使用淡入和淡出效果,你可以在這個頁面中看到: http://www.lifetime-watches.com/gal-w.html淡出在iPad上

var titleString = $(this).find('a').attr("title"); 
$("#title").html(titleString).fadeIn(100); 
; 

所以,當他們運行腳本的圖像的標題會消失在一個div。

但問題是,當這個頁面在iPad中打開時,懸停功能不起作用(因爲顯然他們沒有懸停)並且div不會淡出。

這有什麼替代方法?任何幫助表示讚賞。謝謝。

回答

1

您想要創建與click事件一起工作的第二個實現。可能是這樣的:

$(selector syntax).click(function() { AnimationEffect(this); }); 
$(selector syntax).mouseenter(function() { AnimationEffect(this); }); 

function AnimationEffect(TheDiv) { 
//your animation goes here, TheDiv is the jquery object 
//you can access it like this: $(TheDiv). 
} 
2

jQuery Hoverable Plugin

統一觸摸和鼠標事件對像桌面和移動設備觸摸屏用

這可能是爲您的應用很好的選擇不同的平臺。

+0

這看起來像這樣就可以了我,但我不知道如何實現它在我的功能...應該只是改變:

這可以通過使用.toggle()方法來實現.fadeIn()to .Touchable()?我應該爲jquery添加什麼標記來讓jquery工作?謝謝 – monogatari