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文件中工作

回答

相關問題