我正在使用jQuery Tools可滚动插件,并且一直在尝试使用其API来创建自定义控件。但是,无论我做什么,我都无法让他们工作!
我有一个自动滚动,垂直幻灯片,并希望能够使用我自己的定制元素暂停它(或重新启动它,或将它移动到特定的地方)。使用下面的代码我点击暂停按钮时出现“未捕获的TypeError:对象#没有方法'暂停'”错误。我究竟做错了什么?
$('document').ready(function() {
$("#scrollable .items").cycle();
$("#tabs").tabs("div.panes > div");
window.api = $("#sideScrollable").scrollable({
vertical: true,
items: "ul",
size: 1,
speed: 4000,
mousewheel: false,
keyboard: false,
circular: true}).navigator().autoscroll(0,{
api: true,
autoplay: true });
$('.pause').click(function() {
api.pause();
return false;
});
});
非常感谢你的帮助。
答案 0 :(得分:2)
我意识到这已经很老了(我想你现在已经纠正了这个问题),但是,我一直试图通过所有未解答的jQuery问题来帮助社区。所以,这里是:而不是使用window.api,尝试使用全局变量,如下所示:
var myAPI;
$('document').ready(function() {
$("#scrollable .items").cycle();
$("#tabs").tabs("div.panes > div");
myAPI = $("#sideScrollable").scrollable({
vertical: true,
items: "ul",
size: 1,
speed: 4000,
mousewheel: false,
keyboard: false,
circular: true
}).navigator().autoscroll(0,{
api: true,
autoplay: true
});
$('.pause').click(function() {
myAPI.pause();
return false;
});
});