在 Pusher 事件的回调函数中渲染 Rails 部分。

Question

我正在开发一个相当简单的 Rails 应用程序，人们可以在其中提问和投票。我想构建一些实时功能，并决定使用 Pusher 来实现这一点（主要是因为它看起来与在 heroku 上部署非常兼容）。

目前，当您添加新问题时，将执行以下 javascript 代码：

if $('.question').hasClass('no_current_questions_notice')  
  $('.no_current_questions_notice').fadeOut 400, ->     
    $(this).replaceWith('<%= escape_javascript(render 'questions/added_question', :question => @added_question) %>')
    $('.last_question').hide().fadeIn 400

else
  $('.last_question').removeClass('last_question')  
  $('#added_question').replaceWith('<%= escape_javascript(render 'questions/added_question', :question => @added_question) %>')
  $('.last_question').hide().fadeIn 400

我希望可以简单地在 Pusher 回调中重用我的部分内容，这样我就可以重新创建 Pusher 事件的 AJAX 请求之后发生的情况。请参阅下面最简单的形式：

<script type='text/javascript'>
var pusher = new Pusher('<%= Pusher.key %>');
var channel = pusher.subscribe('course-<%= @course.id %>');
channel.bind('create_question', function(data) {
  var @added_question = data;
  $('#added_question').replaceWith('<%= escape_javascript(render 'questions/added_question', :question => @added_question) %>');
  });
</script>

作为参考，这是我的部分内容：

<div class='question last_question'>
    <div class='question_content'>  
        <%= question.content %>
    </div>  
    <%= render 'upvotes/agree', :question => question %>
</div>
<div id='added_question'>
</div>

好的。因此，当我尝试加载页面时，我的 this 会抛出错误“nil:NilClass”的未定义方法“内容”。这是有道理的，因为直到出现“create-question”事件时才会定义问题。但是，我不明白为什么 Rails 试图在“create-question”事件之前渲染该部分。 （顺便说一句，我检查过，没有部分，其他一切正常，数据从 Pusher 发送）。

我发现的大多数其他推送集成示例都有相当重的客户端 JavaScript。由于我不是 JavaScript 向导，因此我希望不必为了合并推送器而重做应用程序的前端。有没有办法让我的代码保持干燥并在 Pusher 回调中使用我的部分代码？

Answer 1

好吧，经过更多研究，我想我现在已经找到了解决方案。这个要点帮助我通过 Pusher 发送完全渲染的部分： https://gist.github.com/1154209 。

这种方法对我来说很有效，因为它允许我重用我的部分并合并 Pusher。我选择了要点中的选项 3，因为它允许您相对轻松地添加更多要在将来发送的数据。