Firefox：Click event not call on SPAN tag

我在我的個人網站上有一個奇怪的問題。我正在修改它，並有幾個DIV和SPAN元素。由於某些未知的原因，Firefox未調用通過jQuery附加的click事件。代碼在Chrome上運行良好。下面的示例網址：Firefox：Click event not call on SPAN tag

http://adnansiddiqi.com/main.html

當你點擊任何一個箱子，說一下框，它則顯示頁面和交叉X在右側，在徘徊它應該顯示手光標，並點擊它應該重置狀態，這是帶來好框。這段代碼在Chrome（Mac）上完美運行，但不在FireFox 11上（Mac）

對不起，如果它違反了共享個人URL的條款，但天知道我盡我所能將主代碼粘貼到jsFiddle上，但可悲的是要求jsFiddle代碼在CHrome上沒有正確執行，所以除了提供實際的URL之外，我別無選擇。儘管我刪除了所有可以帶來個人風格的東西。

http://jsfiddle.net/RGL7a/20/

我拉我的頭髮，發現它沒有合理的線索：下面小提琴的鏈接中給出。

請幫助我！

感謝

來源

2012-04-26 Volatil3

我覺得你的div＃bigcontent妨礙了十字架，-10％的保證金也許，ff也不支持遊標使用指針的指針值。 – Musa 2012-04-26 22:40:34

但它正在使用CHrome，你可以自己測試一下。我的意思是雙擊 – Volatil3 2012-04-26 22:43:09

是的，你是對的。這是與X div重疊的BigContent。謝謝兄弟，使它成爲一個答案，我會接受它 – Volatil3 2012-04-26 22:44:54

DIV＃bigcontent妨礙了十字架，-10％的保證金，也許，也FF不支持使用光標指針手值來代替。

來源

2012-04-26 22:47:12 Musa

首先給cursor賦值的hand值是舊的微軟聲明。您可以在此頁面的不同瀏覽器中看到它的支持： http://www.quirksmode.org/css/cursor.html
顯示此光標手的「新」方式是使用pointer值。所以將這個hand的值改爲pointer，會有所幫助。但不是全部。

另一個問題，這是主要問題，是你不能點擊十字。原因是，它上面有一個分區。爲了解決這個問題，我想absoluteposition這個元素，並給它一個非常高的z-index，所以你可以肯定十字架總是在最前面。
所以我會爲.cross造型更改爲以下：

.cross { 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bolder; 
    font-size: 2.0em; 
    float: right; 
    color: #B9C0C7; 
    cursor: pointer; 
    position: absolute; 
    top: 25px; //this puts the element right underneath the top bar 
    right: 2%; //so that it has the same distance from the right side, as you defined with padding-right 
}

我希望這是有幫助:)

來源

2012-04-26 23:05:57 Daniel

感謝它幫助！ :) – Volatil3 2012-04-27 07:41:51

Firefox：Click event not call on SPAN tag

回答

相關問題