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 回答