100% 宽度水平 jQuery 手风琴答案

【问题标题】：100% width horizontal jQuery accordion100% 宽度水平 jQuery 手风琴
【发布时间】：2015-03-17 03:14:33
【问题描述】：

我制作的这款手风琴只能在 webkit 浏览器中正常工作。我不知道是什么导致它在非 webkit 浏览器中中断。

请原谅粗略的代码，我对 Javascript 不太感兴趣。

非常感谢所有输入！

【问题讨论】：

【解决方案1】：

所以我已经弄清楚了一部分。它现在也适用于 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 中无法工作，我将不胜感激。如果我解决了它，我会在这里分享我的发现。

【讨论】：

【解决方案2】：

由您在上一个 IE、FF 和 Chrome 下的脚本与朋友制作 http://jsfiddle.net/quadrian/z94baosx/

【讨论】：