| |
|
|
| | Написал простейший скрипт здесь. http://youneedpricing.com. Внизу блок с логотипами.
Возникают проблемы с отображением в IE7. В остальных браузерах отображается корректно.
Сам скрипт:
//hide logobox-body after the first one
$(".logobox-body:gt(0)").hide();
//toggle logobox-body
$(".logobox-head").click(function(){
$(this).next(".logobox-body").slideToggle(500).show();
return false;
});
|
Как обойти? | |
| |
|
|
| |
|
|
| |
для: Rossini
(08.06.2009 в 14:25)
| | | Во-первых, непонятен смысл вот этой конструкции:
.slideToggle(500).show();
|
ведь slideToggle() уже включает в себя и show() и hide() в зависимости от выполняемого действия - сворачивания или разворачивания. А у Вас получается так, что независимо от того, сворачивается объект slideToggle'ом bkb разворачивается, в конце он всё равно появляется при помощи show().
А вообще, не изобретайте велосипед, есть куча стандартных примеров аккордеона, например вот (самый простейший): http://anton.shevchuk.name/wp-demo/jquery-tutorials/accordion1.html | |
| |
|
|
| |
|
|
| |
для: DDK
(08.06.2009 в 16:13)
| | | Оттуда и взял ;)
Не, на самом деле, проблема сложнее, чем может показаться на первый взгляд.
show добавил, перебирая вслепую возможные варианты. Сейчас убрал.
Проблема в том, что если в выпадающих вкладках будет текст, а не images, то это корректно отображается в IE7, но если images, как в данном случае, тогда возникают проблемы с отображением. | |
| |
|
|
| |
|
|
| |
для: Rossini
(08.06.2009 в 16:42)
| | | А попробуйте прописать у картинок размеры. | |
| |
|
|
| |
|
|
| |
для: DDK
(09.06.2009 в 00:11)
| | | Не помогло.
Убил столько времени...
Но теперь хоть стандартам соответствует :D | |
| |
|
|
| |
|
|
| |
для: Rossini
(08.06.2009 в 16:42)
| | | Какого плана проблемы? | |
| |
|
|
| |
|
|
| |
для: mihdan
(09.06.2009 в 09:36)
| | | Посмотрите внизу на главной странице блок с логотипами.
IE7 некорректно отображает slideUp - slideDown, так как после щелчка по ссылке images исчезают и появляются после щелчка по следующей ссылке.
Сравните, как выглядит, например в IE8 или в Мозилле. Тут все корректно отображается.
В результате моих расспросов выдвигали версии, что надо добавить в тэги свойство position: relaitve.
Вторая идея была указать значение width и height в <img>.
Сделал то и другое. Не помогает.
Как обойти этот баг в IE7? | |
| |
|
|
| |
|
|
| |
для: Rossini
(08.06.2009 в 14:25)
| | | Этот баг появляется только в случае с images.
Сравните:
здесь IE7 некорректно отображает скрипт http://example.altaipant.ru
Только что я нашел решение.
Перебирая варианты в файле css я увидел, что в момент клика по ссылке IE бросает картинки вверх экрана.
Надо в div с картинками добавить float: left.
И все.
Результат можно увидеть здесь: http://youneedpricing.com
Но я не понимаю механизма действия этого бага...
К модератору: видимо, можно ветку закрыть. Спасибо. | |
| |
|
|
