Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将更多数据追加到现有数据中_Javascript_Jquery - Fatal编程技术网

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>'
            );
    
        });
    
    }