ajax加载内容上的jQuery动作

我已经将一些数据加载到了boostrap中。ajax加载内容上的jQuery动作

$(".open_modal").live('click', function() { 
    var $url = $(this).attr('data-url'); 
    var $title = $(this).attr('title'); 
    var $modal_data = $('<div class="modal" id="my_modal"><div class="modal-header"><button class="close" data-dismiss="modal">×</button><h3><img src="/assets/imgs/loading.gif" /> Loading....</h3></div><div id="modal_content"></div></div>') 
     $modal_data.modal({ 
      show: true, 
      backdrop: 'static' 
     }); 
     $modal_data.find("#modal_content").load($url,function(){   
      $modal_data.find("h3").text($title); 
    }); 
    return false; 
});

我加载包含表单内容...

我想火jQuery代码块提交事件。

$("body").delegate("#post_status_frm", 'submit', function (e) { 
    var $this = $(this); 
    var $status = $("#shout_field").val(); 
    $.ajax({ 
     type: "POST", 
     url: "/do/post_status.asp", 
     data: $this.serialize(), 
     success: function (data) { 
      if (data === 'true') { 
       $("#my_modal").modal('hide'); 
       $("#activity").load('/content/activity.asp'); 
      } else { 
       alert(data); 
      } 
     } 

    }); 
    return false; 
});

但它不工作？

我试着在事件上抛出一个alert("")来检查它是否正在触发。它不是。

我很难过。

来源

2012-11-09 chris

你确定在dom上有一个ID为post_status_frm的元素吗？如果他们的身份证真的有效，你是否试图用萤火虫看？ –

是的，具有该ID的表单出现在控制台中。 – chris

您是否检查过** post_status.asp **是否返回有效的JSON？ – Coby

如果post_status.asp被简单地返回“200 OK”与一个空的“响应体”的报头响应，data变量是要返回的null的值。

$.ajax({ 
    type: "POST", 
    url: "/do/post_status.asp", 
    data: $this.serialize(), 
    success: function (data) { 
     console.log(data, data === null); // Output: null true 
     $("#my_modal").modal('hide'); 
     $("#activity").load('/content/activity.asp'); 
    } 
});

如果你想post_status.asp实际JSON数据作出反应，他们需要在“键值对”。

来源

2012-11-09 14:46:43 Coby

ajax加载内容上的jQuery动作

回答

相关问题