jQueryのバウンス効果がリスト項目に作用しないようにしてください。どうして？

Question

私は高低に見えて、あらゆることを試しましたが、うまくいきません。私はこれらの2つのSO質問とその回答を見て（これは明らかに働いていた）が、私のために働いているように見えません。

jquery bounce effect breaks inline alignment of list

jQuery Bounce In Place

が、私は私のウェブサイトhttp://web.cs.dal.ca/~webucat/バウンス上のリスト項目を作りたいですクリックすると

  <div id = "links"> 
       <ul> 
        <li><a href ="index.html" class="tab">Home</a><li> 
        <li><a href ="math.html" class="tab">Learn Math</a><li> 
        <li><a href ="geography.html" class="tab">Learn Geography</a><li> 
        <li><a href ="spelling.html" class="tab">Learn Spelling</a><li> 
        <li><a href ="music.html" class="tab">Learn Music</a><li> 
        <li><a href ="contact.html" class="tab">Contact Teacher</a><li> 
       </ul> 
      </div> 

そして、私のjQuery：これは私のHTMLです

$('li a').hover(function() { 
    $(this).effect("bounce", { times: 3 }, 300); 
})​ 

しかし、彼らは動作していないようです。

これまでの質問の1つでは、リストの項目をディスプレイのインラインではなく左に浮かべるように言われましたが、それでも問題は解決しませんでした。

私はHTMLのスクリプトリファレンスとは何か違和感を抱いています。これらは正しく行われていますか？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="javascript/jquery-1.6.3.min.js"></script> 
    <script type="text/javascript" src="javascript/scripts.js"></script> 

私は本当になぜそれがうまくいかないのかここでは迷っています。誰でも助けてくれますか？

編集：私はこのフィドルを作った：http://jsfiddle.net/jfHNU/2/それはそこで動作し、私はどのように私のコードが違うか見ていない。

Answer 1

を動作しませんjQueryの後にjQuery-UIを含める必要がありますか？それはおそらくdomが完全にロードされ、そのためにliが存在しないうちに実行されていますか？

編集： ページが完全に読み込まれる前に実行されているようです。ページの一番下にスクリプトタグを移動すると、おそらくdocument.ready IEでそれをラップしてみてください。

$(document).ready(function() { 
    $('li a').hover(function() { 
    $(this).effect("bounce", { times: 3 }, 300); 
    })​ 
}); 

Answer 2

あなたは

$('li a').hover(function() { 
    $(this).effect("bounce", { times: 3 }, 300); 
})​ 

が実行されている場合は、特に何も

<script type="text/javascript" src="javascript/jquery-1.6.3.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script> 
<script type="text/javascript" src="javascript/scripts.js"></script>