Question

首先，我想提一下我对Internet Explorer的绝对仇恨以及它给我带来的悲痛。

好的，我正在为客户网站使用Coda滑块，网址为：www.onlineuticacollege.com/david

这是我对Coda Slider的声明。

<script src="tabbed-bottom-nav/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="tabbed-bottom-nav/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="tabbed-bottom-nav/js/jquery.coda-slider-2.0.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$('div#coda-slider-1').codaSlider({
dynamicArrows: false,
autoHeight: false
});
});
</script>

我的实际coda滑块标签太大而无法容纳在帖子中，所以这里有一个指向它的pastebin的链接：http://pastebin.com/m6f250b9d

但这是一般布局：

<div class="panel"><!--Begin Contact Us: panel-->
<div class="panel-wrapper"> 
<h2 class="title">Tab Name</h2>
<p>Some text goes here</p>
<p>More text here.</p>
<div class="panelNavigation">
<a class="xtrig left" href="#4" rel="coda-slider-1" title="Go To Previous">&#171; Previous</a>
<a class="center" href="contact-us/contact.asp" title="Learn More">Learn More</a>
<a class="xtrig right" href="#1" rel="coda-slider-1" title="Go To Next">Next &#187;</a>
</div>
</div>
</div><!--End Contact Us: panel-->

现在，所有这些有时在IE 6,7中运行得非常好，除非你在标签之间切换非常快，有时它在切换到你的第一个标签时完全崩溃......

非常感谢任何帮助或建议。

P.S。我讨厌网络浏览器...

[编辑]我已经在IE 7上完美地运行了...现在用于IE 6。

Answer 1

不确定这是否与它有关，但在查看文档时，ID引用的元素不需要在它们之前声明的元素类型。作为旁注，这听起来像是codaSlider库中的一个错误。 JS库的重点是使用一种语法约定，而库处理跨浏览器实现。

如果你改变了怎么办？

$('div#coda-slider-1').codaSlider

到

$('#coda-slider-1').codaSlider

Answer 2

所以这是一个相当复杂的问题，我终于为IE 6和IE 7修复了它。

我最终做的只是完全重新制作标签，这对IE 7的主要起了很好的效果，但现在它让IE 6崩溃了。因此，我发现IE的所有版本都不适用于任何标签具有100％宽度或绝对宽度适合标签内可能的最大量（例如，你有一个600像素宽的标签）每边5px的填充，不能宽度为550px或更大的div，这也适用于高度）

此外，如果您有多个divs浮动接近等于宽度/高度 - 填充/边距加在一起时会崩溃IE 6，但不会崩溃IE。

最后，我不得不使用表来安排两个不同的元素。我不一定想使用表格，但它确实完成了外观和功能，所以我很高兴。

希望这可以在以后帮助别人。

jQuery Coda Slider IE 6,7切换标签时崩溃...我讨厌IE浏览器

2 个答案: