1

一部のテキストがクリックされたときに.onイベントを使用しようとしています。これが私のフィドルです：

http://jsfiddle.net/adrianjsfiddlenetuser/zyUkd/73/

しかし、「リンク」をクリックしても何も発生しません。理由がわかりません。http://api.jquery.com/on/を読んで、渡す必要のあるデータが.connectedではないと思いますか？

これは、動的に追加された要素に対して機能する必要があります。これがフィドルからのコードです：

<div id="myID">
    <a class="connected" >link</a>
</div>

​$(function() {

$(".connected").on('click', '.connected', function() {
    alert('fired)'
        $(".connected").append("<a>hello</a>");
});



});

​.connected {
    float: left;
    margin: 6px;
}
4

3 に答える 3

2

次のいずれかを使用できます。

$(".connected").on('click', function() {
    alert('fired')
    $(".connected").append("<a>hello</a>");
});​

またはこれ：

$("#myID").on('click', '.connected', function() {
    alert('fired')
    $(".connected").append("<a>hello</a>");
});​

2番目のバリアントは、動的に追加された要素に対して機能することに注意してください。

デモ：http： //jsfiddle.net/zyUkd/74/

于 2012-05-30T15:49:52.400 に答える
2

秒を取り除き.connectedます。また、あなたのアラートは間違って書かれています。

$(function(){
        $(".connected").on('click', function() {
            alert('fired');
            $(".connected").append("<a>hello</a>");
        });
    });
于 2012-05-30T15:48:58.960 に答える
0

準備ができている関数に入れ、警告時に構文エラーを修正しました。

http://jsfiddle.net/zyUkd/75/

    $(document).ready(function() {

        $(".connected").on('click', function() {
            alert('fired');
                $(".connected").append("<a>hello</a>");
        });    

 });

</p>

于 2012-05-30T15:52:27.060 に答える