使用/ jQuery插件的基本api调用函数

时间:2011-11-14 04:51:51

标签: javascript jquery api plugins

我正在使用PrettyPhoto jQuery插件作为图片库,我想使用以下函数进行基本文本链接的API调用,以导航到系列中的下一个图像:

$.prettyPhoto.changePage('next');

由于我将在整个网站中频繁地进行此调用,因此我想创建一个基本的Javascript函数“next”,以便对于每个onclick实例,我只需编写“onclick = next();”而不是输入整个东西 - 即onClick =“$。prettyPhoto.changePage('next');” - 每一次。我试着按如下方式编写函数,但它似乎没有工作:

$(document).ready(function(){
    function next() {
        $.prettyPhoto.changePage('next');
    };
});

我在这里做错了什么?我显然是JS编程的新手,但是这里的任何方向都是最受欢迎的;如果我需要提供更多信息,请告诉我。

1 个答案:

答案 0 :(得分:1)

无需在准备好的文档中包装您的函数。除此之外,您将把下一个函数放在全局空间中,这是您应该尽量避免的。你可以这样做:

$.nextPhoto = function() { $.prettyPhoto.changePage('next');}

并用

调用它
$.nextPhoto();

将它放在jQuery命名空间中,但更好的方法是使用jquery事件处理程序.click()并将prettyPhoto函数直接绑定到链接而不是使用内联javascript