javascript - 如何在 Rails 的主要内容之间显示一些内容或消息

标签 javascript ruby-on-rails twitter-bootstrap twitter

我有一个rails应用程序,用户可以在其中注册/登录并发布故事,关注其他作者,我想要实现的是如何在用户使用时在主要内容之间放置一些内容,例如“要关注的作者”正在滚动(就像 twitter 对“关注谁”所做的那样。

通过 react ,我创建了一个User_Follow_suggestion_container:

<%= react_component('FollowSuggestionsContainer') %>

它工作得很好,现在我想知道,把它放在哪里,这样它就可以随机出现,或者在向下滚动到 20 或 30 个帖子后出现。

Same like this

最佳答案

假设您的 react 组件位于循环内,您将执行以下操作:

<%- @tweets.each_with_index do |tweet, index| %>

  <%= tweet %>

  <%- if index == 20 ( or 30 or even rand(20..30)) %>

    <%= react_component('FollowSuggestionsContainer') %>

抱歉,如果语法错误。我已经很多年没有使用 ERB 了..

编辑:如果您希望在滚动后进行操作,您可能会使用 JavaScript 而不是 Ruby/Rails 执行某些操作。

关于javascript - 如何在 Rails 的主要内容之间显示一些内容或消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48583830/

相关文章:

javascript - 如何构建自定义 extjs4 库来编写这样的代码?

ruby-on-rails - 计算表格中的元素

html - Bootstrap 字形的空白占位符

html - Twitter Bootstrap 响应时间(有点困惑)

html - Bootstrap 4 文本对齐

javascript - 用户使用 javascript 单击播放按钮后显示文本

javascript - 检查多个函数是否为真,然后做一些事情

javascript - 如何在 ADF 中以编程方式实现 UncommitedDataWarning?

ruby-on-rails - 如何将参数传递给 Rails 路由中的 block ?

ruby-on-rails - 我如何使用 Rspec 来测试使用 Paperclip 的模型是否正在验证上传文件的大小?