1

最初に、Internet Explorer に対する私の絶対的な憎しみと、それが私に引き起こしている悲しみについて述べたいと思います。

さて、私は次のクライアント Web サイトに 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>

私の実際のコーダ スライダー タブは大きすぎて投稿に収まりません。そのため、ペーストビンへのリンクを次に示します: 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で完全に正常に機能する場合がありますが、最初のタブに切り替えると完全にクラッシュする場合もあります...

ヘルプや提案は大歓迎です。

ps 私は Internet Explorer が嫌いです...

[編集] 何とか IE 7 で完全に動作するようになりました...今は IE 6 です。

4

2 に答える 2

1

これはかなり複雑な問題なので、IE 6 と IE 7 の両方で最終的に修正しました。

私がやったのは、タブを完全に作り直すことでした。これにより、IE 7 でほとんど機能するという良い結果が得られましたが、IE 6 がクラッシュしたままになりました。そのため、IE のすべてのバージョンは、幅が 100% のタブ、またはタブ内で可能な最大量に収まる絶対幅を持つタブではうまく再生されないことがわかりました (例: 幅が 600 ピクセルのタブがあり、両側に 5 ピクセルのパディング。幅が 550 ピクセル以上の div を使用することはできません。これは高さにも適用されます)。

さらに、幅/高さ - パディング/マージンにほぼ等しくなる複数の div フローティングがある場合、一緒に追加すると IE 6 がクラッシュしますが、IE 7 はクラッシュしません。

結局、テーブルを使用して 2 つの異なる要素を配置する必要がありました。必ずしもテーブルを使いたいと思ったわけではありませんが、見た目も機能も充実していたので満足しています。

うまくいけば、これは後で他の誰かを助けることができます.

于 2009-11-16T23:37:22.570 に答える
1

これが何か関係があるかどうかはわかりませんが、ドキュメントを見ると、ID によって参照される要素は、その前に宣言された要素タイプを必要としません。ちなみに、これは codaSlider ライブラリのバグのようです。JS ライブラリの要点は、ライブラリがクロスブラウザの実装を処理する一方で、1 つの構文規則を使用することです。

変更するとどうなりますか：

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

に

$('#coda-slider-1').codaSlider
于 2009-11-16T23:27:54.750 に答える