2009-05-07 12 views
8

クリックイベントをLI要素に追加しようとしていますが、ページ内でクリックイベントが発生していません。私が持っているJQuery - クリックイベントをLIまたはSPAN要素に追加しますか?

<div id="Navigation"> 
<ul> 
    <li class="navPrevNext inactive">|&lt; First Page</li> 
    <li class="navPrevNext inactive">&lt; Prev Page</li> 
    <li class="navIndex selected" title="0 ">1</li> 
    <li class="navIndex notselected" title="1 ">2</li> 
    <li class="navIndex notselected" title="2 ">3</li> 
    <li class="navPrevNext active" title="1">Next Page &gt;</li> 
    <li class="navPrevNext active" title="2">Last Page &gt;|</li> 
</ul> 
</div> 

そして、私のJSコードで:

$("#Navigation li").live('click', function(e) { e.preventDefault; this.blur(); return updateNavigation($(this).attr('title')); }); 

任意の考えをマイページのマークアップは次のようになりますか?

あなたはjqueryのコード内で1.3が含まれているTIA

+1

一つのことit's:e.preventDefaultはe.preventDefault(あるべき)を –

答えて

14

あなたは確か?私はれるLIのいずれかをクリックすると、次は私のために罰金(直接コピーをし、あなたの質問からペースト)作品:

<html> 
<head> 
<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
function updateNavigation(title) { 
    alert(title); 
} 

$("#Navigation li").live('click', function(e) { 
    e.preventDefault; 
    this.blur(); 
    return updateNavigation($(this).attr('title')); 
}); 

</script> 
</head> 
<body> 
<div id="Navigation"> 
<ul> 
    <li class="navPrevNext inactive">|&lt; First Page</li> 
    <li class="navPrevNext inactive">&lt; Prev Page</li> 
    <li class="navIndex selected" title="0 ">1</li> 
    <li class="navIndex notselected" title="1 ">2</li> 
    <li class="navIndex notselected" title="2 ">3</li> 
    <li class="navPrevNext active" title="1">Next Page &gt;</li> 
    <li class="navPrevNext active" title="2">Last Page &gt;|</li> 
</ul> 
</div> 
</body> 
</html> 

は、あなたのupdateNavigation機能が正しく動作しているあなたは確かにいますか?多分それが引き起こされているが、その中に何かが間違っている...

+0

私のdevの環境が私に対して共謀しました。再起動後、JSファイルが更新され、期待どおりに動作しました。古いファイルが一時キャッシュに保持されているようです。 確認していただきありがとうございます。 –

0

私は@Parrotsと同じことをしてくれて、私のために働く。ただし、セレクタを次のように変更したい場合があります。ハンドラはtitle属性を持つ要素にのみ適用されるように、セレクタを変更してください。

+0

ありがとうございます - 私はそれを試してみましょう! (後で処理するよりもエラーを避ける方が良い) –

+0

チャンピオンのように動作します! –

0

私はユーザーが選択したポップアップリストを使用していたのと同様の問題がありました。基本的にユーザーは入力ボックスをクリックし、ulが表示されます。

これは500msのアニメーションではうまくいきましたが、250msに切り替えるとスクロールダウンのアニメーションが速すぎ、明らかにクリックイベントがliで発生しませんでした。

0

ドント利用スパンは、より良いデリゲート

関連する問題