Rails - jQuery / AJAX没有刷新部分

时间:2012-10-16 10:45:03

标签: javascript jquery ruby-on-rails ajax partial

我有一个时间轴视图,显示事件的部分内容 - 因此您可以直接在时间轴视图上显示CRUD事件。我现在要做的就是拥有它,以便当您单击事件旁边的“删除”时,删除部分刷新,以便用户可以看到该事件已被删除。我似乎无法使其工作 - 当用户单击删除时,事件会被删除,但部分不会刷新。您必须刷新页面才能获得更新的部分内容。

此外,有人可以告诉我如何请求“my-timeline”div的更新内容,以便删除的事件也不会出现在那里吗?谢谢!

时间轴/显示:

<div id="my-timeline"></div>
<div id="delete_events">
    <%= render :partial => "delete_events", :locals => { :events => current_user.events }%>     
</div>

时间轴/ _delete_events.html.erb:

<%= button_to 'Delete', event, confirm: "Are you sure?", method: :delete, :remote => true %>

事件/ delete.js.erb:

$('#delete_events').html('<%= escape_javascript( render :partial => "/timelines/delete_events", :locals => { :events => current_user.events } ) %>');

事件控制器:

def destroy
    @event = Event.find(params[:id])
    @event.destroy

    respond_to do |format|
      format.html { redirect_to current_user.timeline, notice: 'Event was successfully removed.' }
      format.json { head :no_content }
      format.js
    end
  end

用于生成时间轴的javascript(暂时只位于此处!)到my-timeline div:

<script>
            $(document).ready(function() {
                createStoryJS({
                    type:       'timeline',
                    width:      '820',
                    height:     '600',
                    source:     '/users/<%= current_user.id %>/events.json?callback',
                    embed_id:   'my-timeline',
                    font:       'Euphoria-Droid',
                    debug:      true,
                    gmap_key:   'foo',
                    maptype:    'HYBRID'
                });
            });
        </script>

1 个答案:

答案 0 :(得分:1)

我认为您应该从

更改名称
  events/delete.js.erb

    to

 events/destroy.js.erb

并通过destroy.js.erb中的写警报(“ok”)检查控件来到这里

希望它有效