AJAX调用后jQuery的点击功能不起作用？ [英] Jquery click function doesn't work after ajax call?

问题描述

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

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

---

，但如果我设置一些＆LT; A＆GT; 阿贾克斯， $（'。deletelanguage）点击功能没有工作..

例如

---

but if i set some <a> by ajax, $('.deletelanguage').click function didn't working..

for example

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

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

现在 $（'deletelanguage。）点击最后＆LT; A＆GT; notworking

的jsfiddle例如： http://jsfiddle.net/suhailvs/wjqjq/

Now the $('.deletelanguage').click for the last <a> notworking.

jsfiddle example :http://jsfiddle.net/suhailvs/wjqjq/

注意：的CSS工作正常此处

Note: the css works fine here.

我希望让这些新追加的＆LT; A＆GT; 使用jQuery点击工作

I want to make these newly appended <a> working with jquery click

推荐答案

问题是，。点击仅适用于元素已经在页面上。 你必须使用像在如果你是布线了未来元素

The problem is that .click only works for elements already on the page. You have to use something like on if you are wiring up future elements

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

这篇关于AJAX调用后jQuery的点击功能不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！