CSS 检索帖子时没有样式,rails jquery
CSS not styling upon retrieval of posts, rails jquery
我的网站上有一个用于呈现用户帖子的提要部分。我有一个 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();
}
});
这个问题的答案是,我在问题中有 js 代码,特别是 #feed
指向那个 <div id=""
而不是那个 [=15= 里面的 <ol class=""
].所以样式消失了,因为 js 在呈现我的项目时只返回 div 而不是 ol 样式。
我的网站上有一个用于呈现用户帖子的提要部分。我有一个 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();
}
});
这个问题的答案是,我在问题中有 js 代码,特别是 #feed
指向那个 <div id=""
而不是那个 [=15= 里面的 <ol class=""
].所以样式消失了,因为 js 在呈现我的项目时只返回 div 而不是 ol 样式。