Инициализировать плагин в самопризываемой функции в JavaScript

Question

Я пытаюсь настроить нумерацию страниц на своем веб-сайте, и я нашел для этого плагин JavaScript.

Мне нужно инициализировать плагин в функции самовозбуждения, например:

$(function(){

    $('#pagination').twbsPagination({
        visiblePages: 3,
        totalPages: 10,
        prev: '<<',
        next: '>>',
        first: '',
        last: '',
        pageClass: 'page-item page-item-w',
        onPageClick: function (event, page){
            ..............
        }
    });

});

Но в консоли появляется ошибка:

TypeError: $(...).twbsPagination is not a function

Когда я помещаю инициализацию вне функции самовоспроизведения, чем она работает:

$('#pagination').twbsPagination({
    visiblePages: 3,
    totalPages: 10,
    prev: '<<',
    next: '>>',
    first: '',
    last: '',
    pageClass: 'page-item page-item-w',
    onPageClick: function (event, page){
        ..............
    }
});

$(function(){

    // ............

});

Как инициализировать это ввызывающая функция?

Answer 1

У вас там нет IIFE. Это функция $, в которую вы передаете другую функцию в качестве обратного вызова. Эта функция будет вызываться при возникновении события DOM Ready.

Что-то происходит между точкой, в которую вы помещаете код, и срабатыванием DOM Ready, которое останавливает $.twbsPagination от существующего.

Обычно это:

1. Загрузка jQuery
2. Загрузка плагина в jQuery
3. Загрузка jQuery снова перезапись первого и подключенных к нему плагинов

Не загружайте jQuery несколько раз в одном документе.