Slyweb
На разработку сайта! Скидки 50%!

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

Вы можете задавать любые вопросы по jQuery.

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

Сообщение ushkom » 08 дек 2018, 05:43

Всем доброго времени суток. Сделал табы на сайт. Есть проблема не могу сделать удаление содержимого не активной вкладки. В них находятся iframe, хочу чтоб при переключении и при загрузке страницы активным была только одна вкладка. Читал что это можно сделать через detach() но знаний не хватает.
Сам скрипт:

Код: Выделить всё
[quote](function($) {
$(function() {
    function createCookie(name,value,days) {
        if (days) {
            var date = new Date();
            date.setTime(date.getTime()+(days*24*60*60*1000));
            var expires = "; expires="+date.toGMTString();
        }
        else var expires = "";
        document.cookie = name+"="+value+expires+"; path=/";
    }
    function readCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for(var i=0;i < ca.length;i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1,c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
        }
        return null;
    }
    function eraseCookie(name) {
        createCookie(name,"",-1);
    }
    $('ul.tabs').each(function(i) {
        var cookie = readCookie('tabCookie'+i);
        if (cookie) $(this).find('li').eq(cookie).addClass('current').siblings().removeClass('current')
            .parents('div.players-section').find('>div.box').hide().eq(cookie).show();
    })
    $('ul.tabs').delegate('li:not(.current)', 'click', function() {
      $(this).addClass('current').siblings().removeClass('current')
        .parents('div.players-section').eq(0).find('>div.box').hide().eq($(this).index()).fadeIn(900).show();
        var ulIndex = $('ul.tabs').index($(this).parents('ul.tabs'));
        eraseCookie('tabCookie'+ulIndex);
        createCookie('tabCookie'+ulIndex, $(this).index(), 365);
    })
})
})(jQuery)[/quote]


Разметка:

Код: Выделить всё
[quote]       <div class="players-section">
       
 
                <div class="box full-text visible">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>
 
                <div class="box full-text">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>
 
                <div class="box full-text">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>
 
                <div class="box full-text">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>
 
                <div class="box full-text">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>         
 
                <div class="box full-text">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>
 
                <div class="box full-text">
                <iframe src="https://www.youtube.com/embed/vj6QW6BOu4I" width="820" height="400" frameborder="0" allowfullscreen></iframe>
                </div>
 
               
                <ul class="tabs">
<li class="current">Вкладка 1</li>
<li>Вкладка 2</li>
<li>Вкладка 3</li> 
<li>Вкладка 4</li>
<li>Вкладка 5</li>                 
<li>Вкладка 6</li>
<li>Вкладка 7</li>
                </ul>
               
        </div>[/quote]


Всем большое спасибо за помощь.
ushkom
 
Сообщения: 2
Зарегистрирован: 08 дек 2018, 05:38

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

Сообщение ushkom » 11 дек 2018, 04:54

Не думал что это так сложно. Не ужели никто не может подсказать?
ushkom
 
Сообщения: 2
Зарегистрирован: 08 дек 2018, 05:38


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron