Javascript JQuery更新存储对象
我正在使用JQuery Flipster(),并试图获得一个模式窗口,以便仅为位于前面的Javascript JQuery更新存储对象,javascript,jquery,ruby-on-rails,jquery-flipster,Javascript,Jquery,Ruby On Rails,Jquery Flipster,我正在使用JQuery Flipster(),并试图获得一个模式窗口,以便仅为位于前面的当前项弹出。我使用下面的警报只是为了测试 我可以通过执行以下操作来实现操作: $('.flipster__item--current').click(function(){ alert('Testing!'); }); 我遇到的问题是,页面加载时,.flipster_项--current仅停留在该类的第一个对象上,即使该类应用于旋转木马中的其他对象 我发现Flipster有一个选项,
当前项
弹出。我使用下面的警报只是为了测试
我可以通过执行以下操作来实现操作:
$('.flipster__item--current').click(function(){
alert('Testing!');
});
我遇到的问题是,页面加载时,.flipster_项--current
仅停留在该类的第一个对象上,即使该类应用于旋转木马中的其他对象
我发现Flipster有一个选项,可以在旋转木马移动到下面之后回调,但无法破解如何设置它,因此它会在旋转木马每次移动时更新--current
,并从上一项中删除--current
Flipster选项如下:
onItemSwitch: false
// [function]
// Callback function when items are switched
// Arguments received: [currentItem, previousItem]
非常感谢大家抽出时间来解决这个问题
我也尝试了下面的代码:
// the flipster element on your page
$("#coverflow").flipster({
onItemSwitch: myHandler
//Arguments received: [currentItem, previousItem]
});
//your handler
function myHandler(currentItem, previousItem) {
$(previousItem).removeClass("flipster__item--current");
$(currentItem).click(function(){
alert('Testing!');
});
}
你在正确的轨道上。添加处理程序。通过使用jquery
$(当前)
谢谢@搜索这仍然给了我同样的功能。我添加了尝试使用
removeClass
选项,但仍然没有任何结果页面上的flipster元素。我编辑了问题以显示代码。有什么想法吗?@dgreen。也许我理解错了这个问题。如果您想在他们单击前面的项目时显示模式,为什么要删除该类?它应该先选择然后允许他们点击还是…?我想知道这是否会有帮助,因为当任何项目从前面的当前位置移动时,即使你点击它,它仍然会显示弹出窗口,这意味着它仍然将当前
类与在任何点处于前面位置的任何项目相关联,并且不会移除它,因此在任何给定时刻只有一个项目具有当前
类。所以我想我可以删除这个类,这样当前的类将只应用于前面的类。希望这是有道理的。如果你有什么想法,请告诉我。
$(function () {
// the flipster element on your page
$("#coverflow").flipster({
style : 'carousel',
onItemSwitch : myHandler
//Arguments received: [currentItem, previousItem]
});
//your handler
function myHandler(current, prev) {
alert('Testing!');
}
})