The jQuery click function works fine here

<div id="LangTable"><a class="deletelanguage">delete</a></div>    

$('.deletelanguage').click(function(){
    alert("success");
});

but if I set some <a> by ajax, $('.deletelanguage').click doesn't work.

例如

function CreateRow(jdata) { 
    $('#LangTable').append('<a class="deletelanguage">delete</a>');
}

$.ajax({        
    url: "/jobseeker/profile/",
    success: CreateRow
});

Now the $('.deletelanguage').click for the last <a> is not working.

jsfiddle示例:http://jsfiddle.net/suhailvs/wjqjq/

Note: the CSS works fine here.

我想让这些新追加的<a>个使用jQuery点击.

推荐答案

问题是.单击仅适用于页面上已有的元素.

$("#LangTable").on("click",".deletelanguage", function(){
  alert("success");
});

Jquery相关问答推荐

JQuery DateTimePicker-在 Select 中抓取星期几

从文本区域获取值

如何从 jQuery 转到 React.js?

jquery克隆div并将其附加在特定div之后

jQuery非只读 Select 器

jQuery 绑定点击 *ANYTHING* 但 *ELEMENT*

使用 jQuery 按文本内容 Select 选项

SCRIPT7002:XMLHttpRequest:网络错误 0x2ef3,由于错误 00002ef3 无法完成操作

jQuery 插入 div 作为某个索引

blueimp 文件上传插件中的 maxFileSize 和 acceptFileTypes 不起作用.为什么?

Jquery .show() 不显示隐藏可见性的 div

jquery:更改URL地址而不重定向?

如何触发href元素的点击事件

隐藏 div 但保留空白

如何签入用户已在 Google recaptcha 中选中复选框的 js?

.append 之后的 jQuery 函数

JavaScript 中的简单节流阀

$(document).click() 在 iPhone 上无法正常工作. jQuery

为什么我应该创建异步 WebAPI 操作而不是同步操作?

jQuery append() 与 appendChild()