Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » ajax подгрузка в таб после нажатия

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


     20.06.2014    Ajax, подгрузка    jQuery, Общие вопросы по PHP    3228

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

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

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



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


8 комментариев

vitnet
PHP-developer

vitnet - 20 июня 2014 21:20 -



Kota
Юзер

Kota - 20 июня 2014 22:33 -

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

FastFud
Юзер

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>

Вместо

Kota
Юзер

Kota - 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
Юзер

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 не нужно трогать>

Kota
Юзер

Kota - 20 июня 2014 23:49 -

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

FastFud
Юзер

FastFud - 21 июня 2014 00:13 -

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

Kota
Юзер

Kota - 21 июня 2014 00:19 -

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

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

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

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

наверх