翻转JQuery插件无法正常工作

Question

我正在为一个项目创建一个网站,我发现并决定使用,jquery翻转插件,它不能正常工作......我确实设法让它在不久前工作,但从那时起就无法工作.请记住,我还没有制作网站的格式部分,所以有什么只是为了节目.

这是该网站的源代码.

没有错误,只是不工作(擦拭所说的盒子).正如我所说,它之前有效,但当我添加其他盒子时,它就停止了工作.

Answer 1

在Flip插件之前包含jQuery UI.由于Flip插件需要jQuery UI可用,因此它可能会失败.

使用插件文档网站上的演示作为模板始终是个好主意.翻转插件按以下顺序包含JS文件:

    <script src="/lab/flip/js/jquery-ui-1.7.2.custom.min.js"></script>
    <script src="/lab/flip/js/jquery.flip.min.js"></script>

此外,在您的JSFIddle中,您必须使用绝对URL作为资源,JSFiddle不会神奇地找到jquery/jquery.flip.min.js.

这是你的JSFiddle的更新版本,我从插件的文档中抓取了上述文件:http://jsfiddle.net/mNQJB/2/

如果上述问题无法解决您的问题,则代码出错,其中一个.flip调用的content属性无效:

未捕获的SyntaxError:意外的令牌.

确保您的content属性全部在一行中,或者您已正确转义终止字符.

更新

要逃避JS中的终结字符,我们这样做:

var str = "This is a string and \
I want it to use two lines.";

注意反斜杠,它是标准的转义字符.现在,如果您想创建一个将通过HTML呈现的新行,那么您应该使用<br />标记:

var str = "This is a string and <br />I want it to use two lines.";