Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery ajax подгрузка в таб после нажатия

ajax подгрузка в таб после нажатия


     20.06.2014    jQuery, Общие вопросы по PHP    1247

вопрос
Добрый вечер уважаемые!

Имеется слайдер с табами для переключения.
Три таба: Основные, Второстепенные, Показать всех

После обновления страницы всё данные загружаются как нужно, но мне хотелось бы что бы в тебе: "Показать всех" ничего не грузилось до тех пор пока не нажмёшь на него. Для экономии трафика так сказать =)



Ответа пока нет


Комментарии пользователей (8)

vitnet
218

2171 | 930

vitnet - 20 июня 2014 21:20 - Эксперт



Aleksey-Nyaka
30

234 | 32

Aleksey-Nyaka - 20 июня 2014 22:33 - Юзер

К сожалению не помогло ((
Всё равно всё загружает сразу.

FastFud
50

1599 | 588

FastFud - 20 июня 2014 22:41 - Юзер

<li><a href="#all_vid" id="all-vid">Показать всех</a></li>

<script type="text/javascript">
$(document).ready(function() {
$('#all-vid').click(function({
     jQuery('#all_vid').load('/engine/ajax/vid.news.all.php');
});
});
</script>

Вместо

Aleksey-Nyaka
30

234 | 32

Aleksey-Nyaka - 20 июня 2014 22:46 - Юзер

Не работает, просто ничего не выводит.

Даже если сделать так


                $(document).on('click', '.selector', function (event) {
                    $.ajax({
                        url: '/engine/ajax/vid.news.all.php'
                    }).done(function (data) {
                        console.log("success");
                        $('#all_vid').html(data);
                    });
                });

Просто пусто.

FastFud
50

1599 | 588

FastFud - 20 июня 2014 22:59 - Юзер


<script>
    $(document).ready(function(){
        var tabs = $("div#mySliderTabs").sliderTabs();
    });
    </script>

    <script type="text/javascript">
        $(function({
        $('.test a').click(function(){
            $('#all-vid').load('/engine/ajax/vid.news.all.php');
        });
        });
    </script>

    <div id="animevid" class="animeCommon clearfix">
      <div id="container">
            <div id="main" role="main">
                <h1>Персонажи</h1>
                <br>
                <div id="mySliderTabs">
                    <ul>
                        <li><a href="#main_vid">Основные</a></li>
                        <li><a href="#secondary_vid">Второстепенные</a></li>
                        <li class="test"><a href="#all_vid">Показать всех</a></li>
                    </ul>
                    <div id="main_vid">
                    </div>
                    <div id="secondary_vid">
                    </div>
                    <div id="all-vid"></div>
                </div>
            </div>
        </div>
    </div>

Как после этого он не может работать я не знаю, чтобы сделать как вам нужно, необходимо лишь js код правильно написать php не нужно трогать>

Aleksey-Nyaka
30

234 | 32

Aleksey-Nyaka - 20 июня 2014 23:49 - Юзер

Зайдите на мой сайт и гляньте.

FastFud
50

1599 | 588

FastFud - 21 июня 2014 00:13 - Юзер

Смотрите выше я вам код дал а у вас на сайте совсем другой

Aleksey-Nyaka
30

234 | 32

Aleksey-Nyaka - 21 июня 2014 00:19 - Юзер

Цитата: FastFud
Смотрите выше я вам код дал а у вас на сайте совсем другой

Он то ничего не выводит.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы