CSS在检索帖子时没有样式,rails jquery

Posted

技术标签:

【中文标题】CSS在检索帖子时没有样式,rails jquery【英文标题】:CSS not styling upon retrieval of posts, rails jquery 【发布时间】:2017-07-01 00:31:43 【问题描述】:

我的网站上有一个提要部分,用于呈现用户帖子。我有一个 custom.scss 样式表,其中包含我加载应用程序时加载的所有样式。

问题是我有一个 javascript 可以在到达页面底部时获取更多帖子。当脚本获得更多帖子时,样式不会正确设置帖子的样式,在第一次检索或第二、第三等帖子时。

我阅读了资产管道文档,认为这会给我一个答案,但没有here。

我想知道是否有人知道我的应用为什么会这样做,希望只是我可以在我的脚本 js 文件中包含一些东西吗?

根据 sergio 的建议,我的 js 代码。

views/static_pages/home.js.erb

$('#feed').append('<%= escape_javascript render(@feed_items) %>');
$('.pagination').replaceWith('<%= escape_javascript will_paginate(@feed_items) %>');

app/assets/javascripts/endless_scroll.js

$(document).ready(function() 
  if ($('.pagination').length) 
    $('.dynamicdisplaypanel').scroll(function() 
      var url = $('.pagination .next_page').attr('href');
      if (url && $('.dynamicdisplaypanel').scrollTop () >= $('.dynamicdisplaypanel')[0].scrollHeight - $('.dynamicdisplaypanel').height ()) 
        $('.pagination').text("Please Wait...");
        return $.getScript(url);
      
    );
    return $('.dynamicdisplaypanel').scroll();
  
);

【问题讨论】:

代码? AJAX 工作吗?它会检索新帖子吗? 是的,jquery 可以正常工作,它可以很好地获取帖子,但是当这些帖子弹出时,它们都变得不正常了。我将添加我的js代码。 元素有必要的css类吗?默认情况下,相同的 CSS 是否适用于现有帖子? 是的,当我加载我的应用程序时,提要会显示帖子,并且它们的样式都按照我在 custom.scss 文件中设置的方式设置。 哦,你的意思是,在检索时,CSS 不起作用。是的,我刚刚使用仍然存在的当前分页链接进行了测试,并且使用分页的样式很好。所以你的说法一定在我的js里?我想可能是here在js中使用了刷新方法。 【参考方案1】:

这个问题的答案是,我有问题中的 js 代码,特别是 #feed 指向 &lt;div id="" 而不是该 div 内的 &lt;ol class=""。所以样式消失了,因为 js 在渲染我的项目时只返回了那个 div 而不是 ol 样式。

【讨论】:

以上是关于CSS在检索帖子时没有样式,rails jquery的主要内容,如果未能解决你的问题,请参考以下文章

Rails:从表单中嵌入和检索数组

为 sass 修改导入文件时,rails 中不符合样式

Rails 4:使用内置 HTML 清理时禁用自动 CSS 清理

未在 Rails 应用程序中应用 CSS 更改

Vue CLI 组件样式标记未限定范围未应用于 Rails CSP 错误

Jquer好友DIV改变颜色