Как загрузить jQuery в модальный загрузчик 4 - PullRequest
Новая
       61

Как загрузить jQuery в модальный загрузчик 4

1 голос
/ 04 октября 2019

Так что у меня есть этот код, который хорошо работает, чтобы загрузить 10 дополнительных «статей» после нажатия на кнопку, которая работает плавно на моей странице. 

$(function(){
    $(".trick-show").slice(0, 10).css('display', 'flex'); // select the first ten
    $("#loadMore").click(function(e){ // click event for load more
        e.preventDefault();
        $(".trick-show:hidden").slice(0, 5).css('display', 'flex'); // select next 5 hidden tricks and show them
        if($(".trick-show:hidden").length === 0){ // check if any hidden tricks still exist
            $("#loadMore").attr('disabled', 'disabled'); // Add disabled on button after the last trick is shown
            alert("It was your last load ! No more tricks to show..."); // alert if there are none left
        }
    });
});

Проблема в том, что когда я использую тот же код jQuery в начальной загрузке4 модал. Он хорошо меняется при первом отображении статьи, но ничего не делает при нажатии на кнопку. Я думал добавить setTimeout или использовать show.bs.modal, но я не знаю точно, где.

Заранее благодарю за помощь,

1 Ответ

0 голосов
/ 04 октября 2019

Попробуйте метод JQuery .on () 

$(document).on("click", "#loadMore", function(event){
     event.preventDefault();
        $(".trick-show:hidden").slice(0, 5).css('display', 'flex'); // select next 5 hidden tricks and show them
        if($(".trick-show:hidden").length === 0){ // check if any hidden tricks still exist
            $("#loadMore").attr('disabled', 'disabled'); // Add disabled on button after the last trick is shown
            alert("It was your last load ! No more tricks to show..."); // alert if there are none left
        }
});
...