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

Posted 2023-05-09

【中文标题】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 指向 <div id="" 而不是该 div 内的 <ol class=""。所以样式消失了，因为 js 在渲染我的项目时只返回了那个 div 而不是 ol 样式。