Не работают внутренние 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, время: 22:45. |