Создать pagination JQuery с для цикла - PullRequest
Новая
       16

Создать pagination JQuery с для цикла

0 голосов
/ 29 ноября 2018

Хорошо, вот моя проблема.Я работаю с определенными функциями загрузки, и мне нужно сделать цикл для разбиения на страницы, чтобы он динамически загружал контент вместо повторяющихся блоков кода.

 $('.teoBtn_1').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t1" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});

    $('.teoBtn_2').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t2" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});

    $('.teoBtn_3').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t3" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});

    $('.teoBtn_4').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t4" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});

    $('.praBtn_1').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t5" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});

        $('.praBtn_2').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t6" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});


        $('.praBtn_3').click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t7" + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});

Я повторяю все действия по нажатию teoButton_1 2 и 3 и т. Д. ... для загрузки _t1, _t2 и _t3, как я могу преобразовать его в цикл for без необходимости указывать 1 2 или3 числа каждый раз?Кто-нибудь может помочь?

Html моей нумерации страниц: 

 <div class="pagination">
     <a class="at teoBtn_1" href="#">1</a>
     <a class="at teoBtn_2" href="#">2</a>
     <a class="at teoBtn_3" href="#">3</a>
     <a class="at teoBtn_4" href="#">4</a>
     <a class="ap teoBtn_5" href="#">5</a>
     <a class="ap teoBtn_6" href="#">6</a>
     <a class="ap teoBtn_7" href="#">7</a>
  </div>

1 Ответ

0 голосов
/ 29 ноября 2018

Ну, это действительно просто, просто используйте для в чистом JavaScript: 

for (i = 0; i < 7; i++) { // will loop 7 times
$('.teoBtn_' + i).click(function() {
    hideAll();
    $('#contentorTopico').load(unidadeSessao + "_t" + i + '.html', function(){
        $('#contentorTopico').show();
        $('.nome_topico').text(topicoName);
        });
});
}
...