代码之家  ›  专栏  ›  技术社区  ›  David

jquery coda slider ie 6,7切换标签时崩溃…我讨厌ie

  •  1
  • David  · 技术社区  · 16 年前

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

    好吧,我已经在客户网站上使用Coda滑块了,网址是:www.onlineuticalege.com/david

    这是我的Coda滑块声明。

    <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滑块标签太大了,无法放在帖子中,所以这里有一个链接指向它的粘贴箱: 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中工作得很好,除非你在标签之间切换得很快,否则在切换到第一个标签时,它会完全崩溃…

    非常感谢您的帮助或建议。

    另外,我讨厌Internet Explorer…

    [编辑]我已经让它在IE 7上工作得很好了,不知怎么的……现在在IE 6上。

    2 回复  |  直到 16 年前
        1
  •  1
  •   jaywon    16 年前

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

    如果你改变了呢:

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

    $('#coda-slider-1').codaSlider
    
        2
  •  1
  •   David    16 年前

    所以这是一个相当复杂的问题,我最终为IE6和IE7修正了它。

    我最后做的只是再次完全重新制作标签,结果很好。 主要地 对IE7起作用,但现在它让IE6崩溃了。因此,我发现所有版本的IE都不能很好地处理任何东西,即标签宽度为100%或绝对宽度与标签内可能的最大数量相匹配(例如,你有一个标签宽度为600像素,每边有5倍的填充,你 不能 宽度为550px或更大的分区,这也适用于高度)

    此外,如果您有多个浮动的div接近于等于宽度/高度-填充/边缘添加在一起时,它将崩溃ie 6,而不是ie 7。

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

    希望以后能帮助其他人。