jQuery Coda Slider IE 6,7切換選項卡時崩潰...我討厭IE

Question

首先，我只想提一下我對Internet Explorer的絕對仇恨以及它對我造成的悲傷。

好了，所以我自己用的是科達滑塊一個客戶的網站，位於：www.onlineuticacollege.com/david

這是我爲我的科達滑塊聲明。

<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> 

我的實際結尾滑板凸片實在是太龐大，以適應在後，所以這裏的到它的一個引擎收錄的鏈接：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.我最討厭的Internet Explorer ...

[編輯]我得到它的IE 7莫名其妙完美的工作......現在IE 6

Answer 1

所以這是一個相當複雜的問題，我終於修好了兩個IE 6和IE 7

什麼我結束了做只是完全重新制作了標籤，這產生了很好的效果主要是功能爲IE 7，但現在它離開了IE 6崩潰ING。因此，我發現IE的所有版本都不能很好地處理標籤寬度爲100％或絕對寬度大於標籤內可能的最大寬度（例如，您有一個寬度爲600像素的標籤，在每一側上填充的5像素，則不能有一個div是550px或寬度大，這也適用於高度）

此外，如果你有多個div浮置接近等於所述寬度/高度填充/邊距加在一起時會使IE 6崩潰，但不會使IE 7崩潰。

最後，我不得不使用表格來排列兩個不同的元素。我不一定希望使用表格，但它確實完成了外觀和功能，所以我很高興。

希望這可以幫助別人以後。

Answer 2

不知道這有什麼關係，但在看在他們的文檔中，由ID引用的元素不需要在它們之前聲明的元素類型。作爲一個側面說明，這聽起來像是一個在codaSlider庫中的錯誤。 JS庫的全部要點是使用一種語法約定，而庫處理跨瀏覽器的實現。

如果你改變什麼：

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

到

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