За последние 24 часа нас посетили 19305 программистов и 1666 роботов. Сейчас ищут 1611 программистов ...

Удалить содержимое вкладки с помощью detach() на jQuery

Тема в разделе "JavaScript и AJAX", создана пользователем ushkom, 4 дек 2018.

  1. ushkom

    ushkom Активный пользователь

    С нами с:
    5 сен 2016
    Сообщения:
    68
    Симпатии:
    1
    Всем доброго времени суток. Сделал табы на сайт. Есть проблема не могу сделать удаление содержимого не активной вкладки. В них находятся iframe, хочу чтоб при переключении и при загрузке страницы активным была только одна вкладка. Читал что это можно сделать через detach() но знаний не хватает.
    Сам скрипт:
    Код (Text):
    1. (function($) {
    2. $(function() {
    3.     function createCookie(name,value,days) {
    4.         if (days) {
    5.             var date = new Date();
    6.             date.setTime(date.getTime()+(days*24*60*60*1000));
    7.             var expires = "; expires="+date.toGMTString();
    8.         }
    9.         else var expires = "";
    10.         document.cookie = name+"="+value+expires+"; path=/";
    11.     }
    12.     function readCookie(name) {
    13.         var nameEQ = name + "=";
    14.         var ca = document.cookie.split(';');
    15.         for(var i=0;i < ca.length;i++) {
    16.             var c = ca[i];
    17.             while (c.charAt(0)==' ') c = c.substring(1,c.length);
    18.             if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    19.         }
    20.         return null;
    21.     }
    22.     function eraseCookie(name) {
    23.         createCookie(name,"",-1);
    24.     }
    25.     $('ul.tabs').each(function(i) {
    26.         var cookie = readCookie('tabCookie'+i);
    27.         if (cookie) $(this).find('li').eq(cookie).addClass('current').siblings().removeClass('current')
    28.             .parents('div.players-section').find('>div.box').hide().eq(cookie).show();
    29.     })
    30.     $('ul.tabs').delegate('li:not(.current)', 'click', function() {
    31.       $(this).addClass('current').siblings().removeClass('current')
    32.         .parents('div.players-section').eq(0).find('>div.box').hide().eq($(this).index()).fadeIn(900).show();
    33.         var ulIndex = $('ul.tabs').index($(this).parents('ul.tabs'));
    34.         eraseCookie('tabCookie'+ulIndex);
    35.         createCookie('tabCookie'+ulIndex, $(this).index(), 365);
    36.     })
    37. })
    38. })(jQuery)
    Разметка:

    Код (Text):
    1.         <div class="players-section">
    2.        
    3.  
    4.                 <div class="box full-text visible">
    5.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    6.                 </div>
    7.  
    8.                 <div class="box full-text">
    9.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    10.                 </div>
    11.  
    12.                 <div class="box full-text">
    13.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    14.                 </div>
    15.  
    16.                 <div class="box full-text">
    17.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    18.                 </div>
    19.  
    20.                 <div class="box full-text">
    21.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    22.                 </div>          
    23.  
    24.                 <div class="box full-text">
    25.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    26.                 </div>
    27.  
    28.                 <div class="box full-text">
    29.                 <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
    30.                 </div>
    31.  
    32.                
    33.                 <ul class="tabs">
    34. <li class="current">Вкладка 1</li>
    35. <li>Вкладка 2</li>
    36. <li>Вкладка 3</li>  
    37. <li>Вкладка 4</li>
    38. <li>Вкладка 5</li>                  
    39. <li>Вкладка 6</li>
    40. <li>Вкладка 7</li>
    41.                 </ul>
    42.                
    43.         </div>
    Всем большое спасибо за помощь.
     
  2. ushkom

    ushkom Активный пользователь

    С нами с:
    5 сен 2016
    Сообщения:
    68
    Симпатии:
    1
    Не думал что это так сложно. Никто не знает как реализовать?
     
  3. Artur_hopf

    Artur_hopf Активный пользователь

    С нами с:
    7 май 2018
    Сообщения:
    2.264
    Симпатии:
    405
  4. ushkom

    ushkom Активный пользователь

    С нами с:
    5 сен 2016
    Сообщения:
    68
    Симпатии:
    1
    Может я не правильно понял, но там говорится про соотношение сторон, но ничего не говорится про остановку видео и т.д.