Javascript 重新初始化Flip.js

Javascript 重新初始化Flip.js,javascript,jquery,html,jquery-plugins,Javascript,Jquery,Html,Jquery Plugins,我正在使用jquery插件jquery flip在我的网页中创建一个卡片翻转系统。文档指定了一种从元素中注销翻转事件的方法,我已经成功地完成了这项工作。但是,我想在单击按钮时重新注册翻转功能。当我检查元素时,会应用.flip类,但是悬停事件不再用于翻转卡 问题是代码$(“#卡”).off(“.flip”)仅注销事件,但不清除元素上的库设置 // Unregister flip $("#card").off(".flip"); // Register flip again $("#card").

我正在使用jquery插件jquery flip在我的网页中创建一个卡片翻转系统。文档指定了一种从元素中注销翻转事件的方法,我已经成功地完成了这项工作。但是,我想在单击按钮时重新注册翻转功能。当我检查元素时,会应用.flip类,但是悬停事件不再用于翻转卡

问题是代码
$(“#卡”).off(“.flip”)仅注销事件,但不清除元素上的库设置

// Unregister flip
$("#card").off(".flip");

// Register flip again
$("#card").data("flip-model", false);
$("#card").flip({ ... }); // Insert your options
要注册事件,您需要再次重新初始化元素,问题是,文档中没有关于如何执行此操作的信息(如您所说)

但是,如果您阅读库的代码,您将看到您可以通过清除
flip model
数据并欺骗库重新初始化元素来实现这一点

// Unregister flip
$("#card").off(".flip");

// Register flip again
$("#card").data("flip-model", false);
$("#card").flip({ ... }); // Insert your options
如果希望元素将旧选项保留在寄存器中,可以在清除它们之前保存它们

// Unregister flip
$("#card").off(".flip");

// Register flip with old settings
var options = $("#card").data("flip-model").setting;
$("#card").data("flip-model", false);
$("#card").flip(options);

PS:使用
$(“#卡”)删除数据。删除数据(“翻转模型”)
产生视觉错误,而
$(“#卡”).data(“翻转模型”,错误)可以正常工作