jquery.shuffleLetters.js文件不能在html文件中工作

以下是我用来使jquery工作的html代码。我希望我的页面上的短语随便打开，然后作为所需的单词休息。例如，“DETERMINED”一词作为积极移动字母的争夺，然后停下来作为DETERMINED。 I got the idea from here.jquery.shuffleLetters.js文件不能在html文件中工作

<head> 
    <title>Erica Roxxx - Web Development and Design</title> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
       <script type="text/javascript" src="JS/jquery.shuffleLetters.js"></script> 
       <script src="JS/jquery-1.6.3.min.js"></script> 
      <link rel="stylesheet" href="CSS/style_scratch.css" type="text/css"> 
      <link rel="stylesheet" href="CSS/fonts.css" type="text/css" charset="utf-8" /> 
    </head> 

<body> 
<div id="container"> 
<img src="images/logo_design.png" /> 
<div class="roxxxFontClass"> 


<h1>GOD</h1><h1>FAMILY</h1><h1>DESIGN</h1> 
<font color="950000" size="5"><p>WEB DEVELOPMENT &amp; DESIGN</p></font> 
</div> 
</div>

请让我知道如果你需要更多的信息。

来源

2013-08-17 S. O. R. H

您在同一页面上链接2个JQuery版本，这肯定会导致大多数库的问题 –

为什么您使用2个不同版本的jQuery？ – Praveen

因为我不知道我在做什么！杜拉尔请帮助指导我，因为我不知道这是一个声明还是一个问题。 –

首先，有不需要的2个不同版本的jQuery

的。

HTML：

<div id="container"></div>

JS：

var container = $("#container") 
// Shuffle the container with custom text 
container.shuffleLetters({ 
    "text": "DETERMINED!" // Replace the text of element that you want 
});

当心：

脚本排序是非常重要的。

最好在你的脚本之前添加你的css文件。

1）jQuery库
2）shuffleLetters JS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="JS/jquery.shuffleLetters.js"></script>

检查该清洁JSFiddle1

这里一个JSFiddle2连续洗牌。

来源

2013-08-17 01:14:20 Praveen

jquery.shuffleLetters.js文件不能在html文件中工作

回答

相关问题