将 div 标签添加到我的 .js.erb 文件时，Ajax 功能似乎失败

Question

我正在我的代码中做一些样式设置，我想在我的应用程序的群组论坛上显示消息发布的时间。目前，该论坛中发布的每条消息都使用通过 jQuery 1.4 实现的 AJAX 功能。

在我的 post_message.js.erb 文件中包含 div 标签时，我发现该消息不会发布在群组主页上（我在其中进行所有群组特定讨论的地方 - 类似的功能）以及人们在 FB 群组中可以看到的内容）。

该消息保存在我的数据库中，刷新页面后我可以看到发布的最新消息。

post_message.js.erb 中的代码如下所示：

$("#new_post").before('<div id ="new_post"><%= escape_javascript(flash.delete(:notice)) %></div>');<!--TO-DO the flash messages aren't yet enabled/working-->
$("#latest_post").prepend("<%= @group_post.message %> by <%=  Investor.find(@group_post.post_by).first_name %>  <%=  distance_of_time_in_words(@group_post.created_at,Time.now) %> ago <br/><br/><hr/>");
$("#new_post")[0].reset();

当我将第二行更改为：-

$("#latest_post").prepend("<%= @group_post.message %> by <%=  Investor.find(@group_post.post_by).first_name %> <div class ="contentdispgrp"> <%=  distance_of_time_in_words(@group_post.created_at,Time.now) %> ago </div><br/><br/><hr/>");

与 _common.html.erb 文件中的上述内容相对应的代码部分（ html 标签和 id），如下所示：

<table>
<tr>

<%if @current_user.is_an_existing_member_of_group(@investor_group)%>
<%form_for  :group_post, @group_post, :url => {:action => :post_message, :id => params[:id]},:html => {:multipart => 'true', :id => 'new_post'} do |f| -%>
    Start Discussion:<br><%=f.text_field :message%>
   <!--<%=f.file_field :photo%> -->
   <%=submit_tag "Post"%></p>
  <%end%>

   <div id = "latest_post"> </div>


<%for a in @group_all_posts %>
<%= a.message %> by <%=  Investor.find(a.post_by).first_name %> <div class ="contentdispgrp" id="style_chck"> <%=  distance_of_time_in_words(a.created_at,Time.now) %> ago </div><br/><br/> <hr/>

        <%end%>


</tr>
<%end%>
</table>

我的组控制器中的 post_message 方法如下所示：

 def post_message 
      @investor_group = InvestorGroup.find(params[:id])
  

      unless @current_user.is_an_existing_member_of_group(@investor_group)
        flash[:notice] = "Please join this group to participate in discussions"
        redirect_to :action => :show, :id => @investor_group and return # try to find out what exactly does this command do with return stmnt
      else
        @group_post = GroupPost.new(params[:group_post])
      end
      #@group_post = GroupPost.new(params[:group_post])
     
      investor_id = session['investor_id']
      @group_post.investor_group_id = @investor_group.id
      @group_post.post_by = investor_id
      if @group_post.save
        flash[:notice] = 'Post was successfully created.'
       # redirect_to :action => :show, :id => params[:id] - removed after trying to implement ajax via jquery
      else
        flash[:notice] = 'Post was not successfully created.'
      end
      

      respond_to do |format|
        format.html {redirect_to :action => "show", :id => params[:id]}
        format.js
      end
     
  end
 

这是一个部分视图，其中我拥有最终在 .js.erb 文件中使用的所有 我可以在不刷新页面的情况下解决这个问题吗？我做错了什么？

编辑

group.js文件代码：

jQuery.ajaxSetup({
    'beforeSend' : function(xhr) {
        xhr.setRequestHeader("Accept","text/javascript")
        }
})

$(document).ready(function(){
    $("#new_post").submit(function(){
        $.post($(this).attr("action"),$(this).serialize(),null,"script");
        return false;
    })
})

Answer 1

我可以通过向围绕我想要隐藏或显示的控件的页面添加另一个标签来解决此问题。

我无法让 div 的 display:none 以编程方式工作，也无法让 asp:Panel 来切换其可见性。

在 AJAX 能够更改显示参数之前，ASP.NET 正在渲染页面，特别是我想要隐藏或显示的部分。 UpdateMode="Always" 也向 AJAX 发出更新其他部分的信号。

Answer 2

你能确认你的ajax正在工作吗？我本来希望看到 ':remote =>; true' 在你的表单标签中。如果它不存在，我认为您的 format.js 响应不会被调用。

form_for  :group_post, @group_post, :remote=>true ...

我认为当你刷新页面时，它不会调用 js 代码，而只是调用 format.html 。要进行检查，您可以检查日志或在格式块中放置打印语句，然后查看它是否被打印。

format.js do
    puts "I am here"
end

Answer 3

通过删除在定义样式表类时使用的额外引号（“）来修复该错误，在 post_message.js.erb 中已经有一对带 prepend 方法的引号。