append で a href イベント

Jquery

append で a タグやボタンを動的に配置してそれらにまた jQuery のイベントを起こさせる方法。

jQuery で要素を追加するときに以下のように書いてます。

$("#companylist").append('<li data-theme="c"><div><div><a href="#"> + data01.company + </a><span>' + data01.count + '</span></div><span></span></div></li>');

これで、aタグのボタンが用意されるのですが、このアペンドしたaタグに jQuery のイベントをつけるには、文字列を$()で囲ってしまうと、その後ろに .click とかして、イベントをつけることができます。

$("#companylist").append$('<li data-theme="c"><div><div><a href="#page2b?companyname=serch">' + data01.company + '</a><span>' + data01.count + '</span></div><span></span></div></li>').click(
function(){
//ここに次のイベント
}));

入れ子が入れ子になって、その入れ子がぁ。そうしてまた混沌の覇者となるか。

コメント

タイトルとURLをコピーしました