jQuery Coda Slider IE 6,7 Сбой при переключении вкладок ... Я ненавижу IE - PullRequest
Новая
       17

jQuery Coda Slider IE 6,7 Сбой при переключении вкладок ... Я ненавижу IE

1 голос
/ 17 ноября 2009

Прежде всего, я просто хотел бы упомянуть мою абсолютную ненависть к 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 слишком велики, чтобы поместиться в сообщении, поэтому вот ссылка на них: 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.

Ответы [ 2 ]

1 голос
/ 17 ноября 2009

Так что это довольно сложная проблема, я наконец исправил ее как для IE 6, так и для IE 7.

В итоге я просто полностью переделал вкладки, что дало хорошие результаты: в основном функционировало для IE 7, но теперь это привело к краху IE 6. Итак, я обнаружил, что все версии IE не очень хорошо работают с чем-либо, если вкладки имеют ширину 100% или абсолютную ширину, которая соответствует максимально возможному количеству вкладок (например, у вас есть вкладка шириной 600 пикселей с 5px отступов с каждой стороны, вы не можете иметь div, ширина которого 550px или больше, это также относится к высоте)

Кроме того, если у вас есть несколько плавающих элементов div, которые почти равны ширине / высоте - padding / margin при сложении вместе, это приведет к краху IE 6, но не IE 7.

В конце концов мне пришлось использовать таблицы, чтобы расположить два разных элемента. Я не обязательно хотел использовать таблицы для этого, но он действительно улучшил внешний вид и функциональность, поэтому я рад за это.

Надеюсь, это может помочь кому-то еще позже.

1 голос
/ 17 ноября 2009

Не уверен, имеет ли это какое-либо отношение к этому, но при просмотре их документации элементам, на которые ссылаются идентификаторы, не нужен тип элемента, объявленный перед ними. Как примечание, это звучит как ошибка в библиотеке codaSlider. Весь смысл библиотеки JS состоит в том, чтобы использовать одно синтаксическое соглашение, в то время как библиотека обрабатывает кросс-браузерную реализацию.

Что если вы измените: 

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

до 

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