2013-04-30 97 views
0

我有一個jQuery日曆在運行,並且爲了查看當天的事件,用戶必須單擊一個跨度單元格。問題是跨度包圍與使用具有empty.gif背景CSS類的HREF:jQuery/CSS iPhone - 點擊事件

.dayspan { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('empty.gif'); } 

<a href="events/day/"><span class="dayspan"></span></a> 

它完美地在桌面和所有的瀏覽器。問題是移動設備似乎並不喜歡這樣,有時需要4次點擊才能激活鏈接。

任何想法,我怎麼可以鏈接到我的內容在單元格內? 謝謝。

+0

不清楚什麼是或不正在發生什麼,因此您可能需要闡明。單擊鏈接時桌面上發生了什麼(iPhone上沒有發生這種情況)? – 2013-04-30 05:39:07

+0

在桌面上,跨度只是打開新的鏈接。在移動電話上時,整個範圍只是「閃爍」 - 它看起來像是激活的,但它只有幾次點擊嘗試纔會起作用。 – bradm 2013-04-30 06:05:26

+0

奇怪的是,當我將手機變成風景時,我點擊了跨度,並且沒有屏幕「閃爍」,它完美地工作。 – bradm 2013-04-30 16:26:57

回答

0

如果您在測試時遇到問題,請在Safari上嘗試。當我能夠在瀏覽器中模擬錯誤時,我調試過的一些移動問題變得更加容易。
如果不嘗試Chrome並在設置下調整瀏覽器版本以使用舊版本來嘗試獲取錯誤。 無論如何,如果您只是發起一個事件,只需使用將這些CSS元素添加到dom元素的onclick事件可能會更容易,那麼您就不必擔心代碼的運行位置。