Question

我正在为一个项目创建一个网站，我发现并决定使用jquery flip plugin，但它不起作用......我确实设法让它在不久前工作，但是不能以来。请记住，我还没有制作网站的格式部分，所以有什么只是为了节目。

Here's网站的源代码。

没有错误，只是没有工作（擦拭所说的盒子）。正如我所说，它之前有用，但是当我添加其他盒子时，它就停止了工作。

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：

Uncaught 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.";

Answer 2

you have an unterminated string constant in this section:

 $("#aimsb").bind("click",function(){
        $("#aims").flip({
            direction: 'bt',
            color: '#39AB3E',
            content: 'The aims of the GSP (Global Student Project) are to give students from all around the world both a culturally and personally enriching experience, as well as equal learning, and subsquently job opportunities
            .'
        });
    });

请注意.'

之前的换行符

翻转JQuery插件无法正常工作

2 个答案:

更新