Javascript 将更多数据追加到现有数据中
我本来不想问这个问题的,因为我决定多读一些书,做更多的研究,但目前我还没走多远 这是我的代码:Javascript 将更多数据追加到现有数据中,javascript,jquery,Javascript,Jquery,我本来不想问这个问题的,因为我决定多读一些书,做更多的研究,但目前我还没走多远 这是我的代码: function listPosts(data) { var $count = data.count; var limitposts = 5; var $output = $('<ul class="posts" data-role="listview" data-filter="true">') $.each(data.posts,function(i,
function listPosts(data) {
var $count = data.count;
var limitposts = 5;
var $output = $('<ul class="posts" data-role="listview" data-filter="true">')
$.each(data.posts,function(i, val) {
console.log(i);
if (i<limitposts && i>=0) {
var $post = $('<li/>').append([$("<h3>", {html: val.title}),$("<p>", {html: val.excerpt})]).wrapInner('<a href="#devotionpost" onclick="showPost(' + val.id + ')"></a>');
$output.append($post).appendTo('#postlist');
i++;
// return (i !== 4);
}});
}
函数列表帖子(数据){
var$count=data.count;
var=5;
var$output=$(“”)
$.each(data.posts、function(i、val){
控制台日志(i);
如果(i=0){
var$post=$(').append([$(“”,{html:val.title}),$(“”,{html:val.extract})]).wrapInner(“”);
$output.append($post.appendTo('#postlist');
i++;
//返回值(i!==4);
}});
}
HTML
虔诚的信息
加载更多帖子。。。
我最初使用Return语句限制了显示的帖子数量。我现在将其更改为For语句,以查看是否可以通过单击按钮来增加显示的帖子数量
在这个阶段,我试图找出最好的逻辑使用。我试图添加另一个函数来实现这一点,但运气不佳。仍在阅读和研究,但希望得到指导或好的示例函数addMorePosts(数据、偏移量、金额){
function addMorePosts ( data, offset, amount ) {
var $postsList = $('#postlist'),
posts = data.slice(offset, amount);
$.each(posts, function ( index, post ) {
$postsList.append(
'<li>' +
'<h3>' + post.title + '</h3>' +
'<p>' +
post.excerpt +
'<a href="#devotionpost" onclick="showPost(' + post.id + ')"></a>' +
'</p>' +
'</li>'
);
});
}
var$postsList=$(“#postlist”),
posts=data.slice(偏移量、金额);
$。每个(职位,职能(索引,职位){
$postsList.append(
“”+
''后标题+''中的“+post.title”+
“”+
post.摘录+
'' +
“”+
“ ”
);
});
}
JSFiddle:你想做什么?您是否试图返回一个值并保持函数运行?在JavaScript中不能这样做。如果您试图从
$返回一个值。每个看到我想要实现的就是我有一个HTML div id“clickme”,并且需要执行一个click函数,将更多的帖子附加到现有的PostsGreat Jon中,我将尝试一下,并让您知道它是如何进行的。我一直在尝试解决这个问题,但没有取得任何进展。我在这一行(“”+)中收到错误“Uncaught SyntaxError:Unexpected string”。我已经包含了我的HTMLbit@Chelseawillrecover我已经更新了我的答案,我忘记了一个+
的地方。你是一个明星和一个了不起的程序员。就为了让我更专注于学习,我应该读什么样的文件对我更有帮助?
function addMorePosts ( data, offset, amount ) {
var $postsList = $('#postlist'),
posts = data.slice(offset, amount);
$.each(posts, function ( index, post ) {
$postsList.append(
'<li>' +
'<h3>' + post.title + '</h3>' +
'<p>' +
post.excerpt +
'<a href="#devotionpost" onclick="showPost(' + post.id + ')"></a>' +
'</p>' +
'</li>'
);
});
}