Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.07.2012, 22:02
Новичок на форуме
Отправить личное сообщение для ilyashis Посмотреть профиль Найти все сообщения от ilyashis
 
Регистрация: 24.07.2012
Сообщений: 4

Не работают внутренние 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>

то он почему-то скрывается
чем может быть проблема?
Ответить с цитированием
  #2 (permalink)  
Старый 24.07.2012, 22:35
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

ilyashis,
Выложили ссылку на тест страницу - вот начинаете сходу озадачивать сборкой и тестов Вашего творчества
Ответить с цитированием
  #3 (permalink)  
Старый 25.07.2012, 00:33
Новичок на форуме
Отправить личное сообщение для ilyashis Посмотреть профиль Найти все сообщения от ilyashis
 
Регистрация: 24.07.2012
Сообщений: 4

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>

потом приминить изменения и посмотрите что будет)
Ответить с цитированием
  #4 (permalink)  
Старый 25.07.2012, 00:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от ilyashis
потом приминить изменения и посмотрите что будет)
Ну -свернулось всё... И что это мне должно прояснить ?
Ответить с цитированием
  #5 (permalink)  
Старый 25.07.2012, 00:49
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Воть так
<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>

Не сворачиваецо
Ответить с цитированием
  #6 (permalink)  
Старый 25.07.2012, 00:52
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Вроде поправил

<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>
Ответить с цитированием
  #7 (permalink)  
Старый 25.07.2012, 17:26
Новичок на форуме
Отправить личное сообщение для ilyashis Посмотреть профиль Найти все сообщения от ilyashis
 
Регистрация: 24.07.2012
Сообщений: 4

Deff,
спасибо+)
Ответить с цитированием
  #8 (permalink)  
Старый 25.07.2012, 18:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от ilyashis
А что Вы изменили?
ilyashis,
5 оператор $("#content > div").hide(); //Скрываем содержание
и
14 $("#content>div").hide(); // Скрываем все содержание при инициализации
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ошибка в jQuery 1.5.1. Не понимаю в чем проблема? viatcheslav AJAX и COMET 0 16.05.2011 11:38