在选择器上调用 jQuery 函数 [重复]

Question

我遇到了一个问题，我试图在选择器上调用函数，并使用 jQuery 编辑/添加类到该选择器中的元素。

下面是我的代码：

(function($) {
    $(document).on('click', '.one a.button', function(){
        $('.two').loadQuestions();
    });
})(jQuery);
function loadQuestions( $ ) {
    $(this).addClass('active');
    $(this).children().addClass('transition-in');
    $(this).find('.tilt').delay(100).textillate({ 
        in: { effect: 'fadeInLeft' } 
});

它一直给我这个错误：

undefined is not a function - in regards to:
    $('.two').loadQuestions();

Answer 1

您正在使用loadQuestions 作为插件。为此，您需要将其附加到$.fn

$.fn.loadQuestions = function(options) {
    $(this).addClass('active');
    $(this).children().addClass('transition-in');
    $(this).find('.tilt').delay(100).textillate({ in: { effect: 'fadeInLeft' } });
    return this; // important
});

或者作为普通函数使用

function loadQuestions(that) {
    that.addClass('active');
    that.children().addClass('transition-in');
    that.find('.tilt').delay(100).textillate({ in: { effect: 'fadeInLeft' }}); 
});
loadQuestions($('.two')); // call it