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
指向 <div id=""
而不是该 div 内的 <ol class=""
。所以样式消失了,因为 js 在渲染我的项目时只返回了那个 div 而不是 ol 样式。
【讨论】:
以上是关于CSS在检索帖子时没有样式,rails jquery的主要内容,如果未能解决你的问题,请参考以下文章
Rails 4:使用内置 HTML 清理时禁用自动 CSS 清理