100％寬度水平jQuery手風琴

我已經制作了這款手風琴，它只能在webkit瀏覽器中正常工作。我無法弄清楚是什麼導致它在非webkit瀏覽器中崩潰。100％寬度水平jQuery手風琴

藉口原油代碼，我不是JavaScript的太熱。

非常感謝！

2012-07-13 gurtfrobe

哪些瀏覽器它打破嗎？經過測試FF＆Chrome和工作。 – 2012-07-13 12:54:13

你也不應該使用console.log，因爲IE6不支持它，然後javascript失敗。 – 2012-07-13 12:55:58

它打破了FF，IE7,8,9（不支持6），沒有測試過Opera。感謝console.log提示，我會刪除它，看看它是否有幫助。 – gurtfrobe 2012-07-14 02:44:12

所以我認爲它的一部分。它現在可以在Firefox，Opera和IE9上運行。

只有Webkit瀏覽器可以以百分比檢索元素的位置。 Firefox等將該值轉換爲像素。因此假設LEFT值設定爲百分比：

var myvar = $('#myitem').css('left');

將保存在Chrome和Safari但其他瀏覽器的百分比值將這一比例轉換爲像素值。

爲了解決這個問題，您必須首先將LEFT值指定爲內聯樣式，然後更改jQuery如何獲取該值。現在變成了：

var myitem = $('#myitem'); 
var myitemleft = myitem[0].style.left;

注意，那麼可能是代碼的縮寫版本，但我的知識是不是很大。

如果有人知道什麼可能會導致它不能在IE7 & 8我會很感激的幫助。如果我解決了它，我會在這裏分享我的發現。

2012-07-17 12:34:18 gurtfrobe

下最後IE通過腳本製成的朋友，FF &鉻http://jsfiddle.net/quadrian/z94baosx/

2015-03-16 19:14:33

請在答案中提供相關的代碼。只有鏈接的答案是不鼓勵的。 – slicedtoad 2015-03-16 19:21:49

回答