Не работают внутренние div'ы в ротаторе контента.Может проблема в jQuery коде?
вот(там и демо и исзодники)
http://ruseller.com/lessons.php?rub=32&id=1455 Например если взять в div, вот эти строчки -
<div><h2>Lorem ipsum sit amet</h2>
<p>Praesent risus nisi, iaculis nec condimentum vel, rhoncus vel dolor. Aenean nisi lectus, varius nec tempus id, dapibus non quam.</p>
<p>Suspendisse ac libero mauris. Cras lacinia porttitor urna, vitae molestie libero posuere et. Mauris turpis tortor, mollis non vulputate sit amet, rhoncus vitae purus.</p>
<h3>Pellentesque habitant</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
</div>
то он почему-то скрывается чем может быть проблема? |
ilyashis,
Выложили ссылку на тест страницу - вот начинаете сходу озадачивать сборкой и тестов Вашего творчества |
Deff,
вот страница http://ruseller.com/lessons/les1455/demo/index.html правой кнопкой мыши -> исходный код и попробуйте там взять в div вот эти строчки <h2>Lorem ipsum sit amet</h2> 2 <p>Praesent risus nisi, iaculis nec condimentum vel, rhoncus vel dolor. Aenean nisi lectus, varius nec tempus id, dapibus non quam.</p> 3 <p>Suspendisse ac libero mauris. Cras lacinia porttitor urna, vitae molestie libero posuere et. Mauris turpis tortor, mollis non vulputate sit amet, rhoncus vitae purus.</p> 4 5 <h3>Pellentesque habitant</h3> 6 <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p> потом приминить изменения и посмотрите что будет) |
Цитата:
|
Воть так
<span style="display:block">
<h2>Lorem ipsum sit amet</h2>
<p>Praesent risus nisi, iaculis nec condimentum vel, rhoncus vel dolor. Aenean nisi lectus, varius nec tempus id, dapibus non quam.</p>
<p>Suspendisse ac libero mauris. Cras lacinia porttitor urna, vitae molestie libero posuere et. Mauris turpis tortor, mollis non vulputate sit amet, rhoncus vitae purus.</p>
<h3>Pellentesque habitant</h3>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
</span>
Не сворачиваецо |
Вроде поправил
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function resetTabs(){
$("#content > div").hide(); //Скрываем содержание
$("#tabs a").attr("id",""); //Сбрасываем id
}
var myUrl = window.location.href; //Получаем URL
var myUrlTab = myUrl.substring(myUrl.indexOf("#")); // Для localhost/tabs.html#tab2 myUrlTab = #tab2
var myUrlTabName = myUrlTab.substring(0,4); // Для выше привденного примера myUrlTabName = #tab
(function(){
$("#content>div").hide(); // Скрываем все содержание при инициализации
$("#tabs li:first a").attr("id","current"); // Активируем первую закладку
$("#content div:first").fadeIn(); // Показываем содержание первой закладки
$("#tabs a").on("click",function(e) {
e.preventDefault();
if ($(this).attr("id") == "current"){ //Определение текущейй закладки
return
}
else{
resetTabs();
$(this).attr("id","current"); // Активируем текущую закладку
$($(this).attr('name')).fadeIn(); // Показываем содержание текущей закладки
}
});
for (i = 1; i <= $("#tabs li").length; i++) {
if (myUrlTab == myUrlTabName + i) {
resetTabs();
$("a[name='"+myUrlTab+"']").attr("id","current"); // Активируем закладку по url
$(myUrlTab).fadeIn(); // Показываем содержание закладки
}
}
})()
</script>
|
Deff,
спасибо+) |
Цитата:
5 оператор $("#content > div").hide(); //Скрываем содержание и 14 $("#content>div").hide(); // Скрываем все содержание при инициализации |
| Часовой пояс GMT +3, время: 03:37. |