0

.click関数が機能する際に問題が発生します

jQueryダイアログ内のタグ。

jQueryダイアログ内に以下のようなaapタグがあります。

<p class="userColor" id="CMP|8|25691/XX|25691/59|59" style="text-decoration:underline;cursor:pointer;">59   - GRAPE</p>

div

<div id="colorPickerWindow" style="width: auto; min-height: 89px; max-height: none; height: auto;" class="ui-dialog-content ui-widget-content">
    <p class="userColor" id="CMP|8|25691/XX|25691/20|20" style="text-decoration:underline;cursor:pointer;">20   - RED</p>
</div>

.clickと.onを試し、セレクターを使用して両方を試しましたが、Pタグに対してクリックアクションを実行できません。

jQuery

$(".userColor").on({
    click:function(){}            
});

jQueryダイアログ内でクリックイベントを発生させるための正しいjQueryは何ですか?

4

2 に答える 2

3

これは機能します:

$(document).on("click", ".userColor", function(){
 alert("yippie");
});

または(コンテンツが動的にロードされる場合、クリックだけでは機能しません)

$(".userColor").click(function(){
 alert("yippie");
});
于 2013-03-15T15:00:53.177 に答える
1

コンテンツが動的に読み込まれる場合は、次の形式を使用してください.on()

$(document).on("click", ".userColor", function(event){
   //dostuff
});

.on()ドキュメントから:

イベントハンドラーは、現在選択されている要素にのみバインドされます。これらは、コードが.on()を呼び出すときにページに存在している必要があります。要素が存在し、選択できることを確認するには、ページのHTMLマークアップにある要素のドキュメントレディハンドラー内でイベントバインディングを実行します。新しいHTMLがページに挿入されている場合は、要素を選択し、新しいHTMLがページに配置された後にイベントハンドラーをアタッチします。

于 2013-03-15T15:03:32.097 に答える