jquery插件添加公共方法

Posted 2023-05-09

【中文标题】jquery插件添加公共方法

【英文标题】：jquery plugin add public method

【发布时间】：2013-02-26 18:36:13

【问题描述】：

我正在编写一个简单的滑块插件，只是为了学习一点 jquery，也许可以用于我自己的项目。

滑块工作正常，但我想添加一些公共方法，如 goToSlide(x)，但我不知道如何创建这些公共方法。

你有一个 jsfiddle here

我正在尝试类似：

var slideto = function(position)
    gotoslide(position);
;

现在我使用这样的插件：

$('#home-slider').pxslider(
    slideWidth: 300,
    speed: 500,
    onSlideBefore: function()
                $('p.debug span').html('starting animation');
            ,
    onSlideAfter: function()
                $('p.debug span').html('stop animation');
            

    );

我想做一些类似的事情：

$('#home-slider').pxslider().gotoslide(x);
or
$('#home-slider').pxslider('gotoslide','x');

jsfiddle 使用示例代码here

【问题讨论】：

您找到解决方案了吗？我也在尝试实现类似“$('#htmlid').myplugin().publicmethod(x);”之类的东西。

是的，我已经重写了代码。看看它github.com/oterox/jquery.pxslider

【参考方案1】：

我终于用新代码创建了一个插件。

https://github.com/oterox/jquery.pxslider

现在一切都如我所愿。