jQuery和Rails

Question

我正在编写一个Rails应用程序，需要插入这部分jQuery代码，但是我真的不知道如何使其工作。 这是我的控制器代码：

class ChatroomController < ApplicationController
def send_data
    @role = Role.find_by_id(session[:role_id])
    render :juggernaut do |page|

      page.insert_html :bottom, 'chat_data', "<b>#{@role.name}:</b> #{h params[:chat_input]}<br>"
    end
    render :nothing => true
  end
end

并查看代码：

<h2>Chat</h2>
<html>
  <head>
    <%= javascript_include_tag :defaults, :juggernaut %>
    <%= juggernaut %>
  </head>
  <body>
        <div id='chat_data', class="chatbox">
        </div>
        <br>
    <%= form_remote_tag(
          :url => { :action => :send_data },
          :complete => "$('chat_input').value = ''" ) %>
      <%= text_area_tag( 'chat_input', '', { :rows => 3, :cols => 70, :id => 'chat_input'} ) %>
      <%= submit_tag "Send" %>
    </form>
  </body>
</html>

现在，我需要使聊天室在任何用户发送新消息时始终向下滚动到底部。 而且，当当前用户手动向上滚动时，请禁用这种行为。 我在这里找到了一些jQuery代码：使用JavaScript滚动显示溢出的DIV

现在我不知道要开始工作。 我粘贴到application.js中：

$("#chat_data").each( function() 
{
   var scrollHeight = Math.max(this.scrollHeight, this.clientHeight);
   this.scrollTop = scrollHeight - this.clientHeight;
});

我还在视图的head添加了<%= javascript_include_tag 'jquery', 'application' %> 。

但是，当我的聊天室日志填满时，会出现滚动条，但随着新消息的通过，滚动条不会自动移到底部。

Answer 1

问题似乎是您插入的代码在脚本开头仅运行一次。

我对jquery不太了解，所以这只是一个通用解决方案。

function sub(data) {
  $('#chat_data').each( function () {
    var s_top = this.scrollHeight - this.clientHeight;
    var scl = this.scrollTop == s_top;
    this.innerHTML += '<br/>' + data;
    if ( scl ) this.scrollTop = s_top + this.clientHeight;
  })
};

问题在于，现在当您从服务器接收新数据时，必须通过调用sub（“进入聊天窗口的文本”）将其添加到#chat_data中。

你必须更换

page.insert_html ....

将rjs发送到客户端的内容，例如：

page.call( :sub, data)

希望能帮助到你。

jQuery和Rails

问题描述

1 个解决方案

解决方案1
0 2009-05-17 08:04:10

jQuery和Rails

问题描述

1 个解决方案

解决方案1 0 2009-05-17 08:04:10

解决方案1
0 2009-05-17 08:04:10