.on("click",function()在使用ajax呈现链接时不起作用

Question

下面的链接显示了一个模态并运行ajax请求,以根据对象id在模态中呈现部分.链接工作正常,当页面完全加载http请求时弹出模式,但如果我使用ajax请求呈现链接(例如弹出不同的模式并呈现一些链接),那么js函数不会跑了.我试过一个警报(); 只是为了检查,当它用ajax渲染时它不会运行.

我正在使用JQuery 1.9.1,以前js使用.live('click'),但此后已被删除.我也试过.click()

有任何想法吗？谢谢!

链接

<a href="/an-object-id" data-remote=true name="modal">    

JS

$(document).ready(function() {
$("a[name=modal]").on("click", function(e) {
    $("#mask, #modal").show();
    e.preventDefault();
etc...

Answer 1

使用.on()将事件处理程序附加到父元素,并将选择器作为参数传递.

例:

$(document).on("click", "a[name=modal]", function(e) {...});

它适用于动态生成的元素..

Answer 2

$(document).on("click", "a[name=modal]", function(e) {
    $("#mask, #modal").show();
    e.preventDefault();
etc...