クリック機能が動作しません

Question

私のクリックjquery機能は動作していません、それはまったくコンソールでエラーも出ません。 はこちらのリンクです -

<a href="#lang" id="language">Edit</a>  

、ここでクリック機能

$('a').click(function() { 
var item = $(this).attr("id"); 
alert(item);   
return false; 
}); 

それは警告ボックスを飛び出していないで、またそれは私にコンソールでエラーを示しています。

オーケーは、誰かがより多くの情報を求めて -

リンクは、ボタンを押すことで、jQueryを使って追加され、IDとしては、入力フィールドの値の1を取り、入力フィールドからIDを持つリンクとして挿入します。重複IDはありません。すべてのjavascriptスクリプトはheadタグの最後にあり、クリック機能は最後に配置されています。

Answer 1

<a>タグが動的に挿入されていることを、あなたの編集をもとに、あなたは、クリックハンドラをアタッチするjQueryの.on()（jQueryのバージョン1.7以降）または.live()メソッドを使用する必要があります。

Answer 2

の前にのコードが実行される前に、他のエラーがあると思われます。これにより、正しいJavascriptの実行が妨げられます。

編集：または Javascriptコードを挿入すると、DOMはまだ準備ができていません。次に使用する必要があります

$(function() { 
    $('a').click(function() { 
    var item = $(this).attr("id"); 
    alert(item);   
    return false; 
    });​ 
}); 

Answer 3

準備完了イベントに、または要素が表示された後でラッピングしていますか？もしそうなら、それはうまくいくはずです。

http://jsfiddle.net/sWeRf/

Answer 4

どちらかのページで<a href="#lang" id="language">Edit</a>後にこのコードを配置、または$(document).ready(function() { //Place code here. });

Answer 5

では、次のとあなたのJSコードを交換してみてくださいと頭に入れて

（HEADタグの間に置きます）

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('a#lang').click(function(){ 
     alert($(this).attr('id')); 
    }); 
}); 
</script> 

Answer 6

JQueryクリックハンドラを適用する前に、ドキュメントがロードされていることを確認していますか？

$(document).ready(function() { 
    $('a').click(function() { 
     var item = $(this).attr("id"); 
     alert(item);   
     return false; 
    }); 
}); 

Answer 7

document.readyを使用する代わりに、同じことをする無名関数を使用できます。このよう

：項目を削除するには

$(function() { 
    $('a').click(function() { 
     var item = $(this).attr("id"); 
     alert(item);   
     return false; 
    }); 
}); 

Answer 8

は、次の操作を行います。

$('#language_c').remove();