javascript-如何调用jquery插件中的此函数？

我在页面vTicker上使用了一个jquery插件,“用于轻松简单地进行垂直新闻自动滚动”.我将它与rss jquery插件结合使用.它工作正常,但是我需要创建一个可以手动滚动的按钮.谁能告诉我该怎么做？我猜想我需要从vTicker文件中调用moveUp函数,但是由于该函数的创建方式以及vticker本身的创建方式,我不确定该怎么做.

我这样创建我的vTicker：

$('#ticker1').rssfeed(uRL).ajaxStop(function() {$('#ticker1 div.rssBody').vTicker();})

这是vTicker代码：

/** Tadas Juozapaitis ( [e-mail] )*/(function($){$.fn.vTicker = function(options) {    var defaults = {        speed: 700,        pause: 15000,        showItems: 3,        animation: '',        mousePause: true,        isPaused: false    };    var options = $.extend(defaults, options);    moveUp = function(obj2, height){        if(options.isPaused)            return;        var obj = obj2.children('ul');        var iframe = $('#iFrame2');        first = obj.children('li:first').clone(true);        second = obj.children('li:odd:first').clone(true);        iframe.attr('src', (second.children('h4').children('a').attr("href")));        obj.animate({top: '-='   height   'px'}, options.speed, function() {            $(this).children('li:first').remove();            $(this).css('top', '0px');        });        if(options.animation == 'fade')        {            obj.children('li:first').fadeOut(options.speed);            obj.children('li:last').hide().fadeIn(options.speed);        }        first.appendTo(obj);    };    return this.each(function() {        var obj = $(this);        var maxHeight = 0;        obj.css({overflow: 'hidden', position: 'relative'})            .children('ul').css({position: 'absolute', margin: 0, padding: 0})            .children('li').css({margin: 0, padding: 0});        obj.children('ul').children('li').each(function(){            if($(this).height() > maxHeight)            {                maxHeight = $(this).height();            }        });        obj.children('ul').children('li').each(function(){            $(this).height(maxHeight);        });        obj.height(maxHeight * options.showItems);        var interval = setInterval(function(){ moveUp(obj, maxHeight); }, options.pause);        if(options.mousePause)        {            obj.bind("mouseenter",function(){                options.isPaused = true;            }).bind("mouseleave",function(){                options.isPaused = false;            });        }    });};})(jQuery);

谢谢阅读.

解决方法:

简短的答案是,你不能. moveUp函数在插件范围内是完全隔离的,您不能直接调用它.

要修改插件,以便您可以手动滚动,请在该行返回this.each(function(){：

$.fn.extend({  vTickerMoveUp: function() {    var obj = $(this);    var maxHeight = 0;    obj.children('ul').children('li').each(function(){        if($(this).height() > maxHeight) maxHeight = $(this).height();    });    moveUp(obj, maxHeight);  }});

然后,要滚动,请执行以下操作：

var ticker = $('#ticker1 div.rssBody').vTicker();ticker.vTickerMoveUp();

来源：https://www.icode9.com/content-1-591901.html