模板不会附加,但其他事情会

时间:2015-02-21 11:48:08

标签: javascript jquery html

我真的被这个难倒了。我有一个包含数据的模板。我警告包含此呈现模板的变量以证明它包含数据。我尝试使用html()innerHTML()和其他人在添加它之前转换它。使用相同的jquery语法,我能够按照我的意愿追加一个div,除了内容不同。

   success: function (data) {
        if (data['success'] == 1) {

            $.get('templates/PostReply.mustache', function(file){

                var newPostArray={"reply_body":bodyText,
                    "replier_username": "<?php echo $sess_username; ?>",
                    "replier_profimg0": '<?php echo $sess_profimg0; ?>'
                };
                var html = Mustache.render(file, newPostArray);
                $('#new-posts-container').append(html);

                alert(html);

                $(form).closest('#reply-divy').nextAll('#new-posts-container').append('<div>hello</div>');
                //this works
                $(form).closest('#reply-divy').nextAll('#new-posts-container').append(html); 
                // this does not work

                e.preventDefault();
            }); 
        // You could also use the data['message'] that got sent back here.
        } 
    },

因此,由于某种原因,内容无法追加。我没有收到任何错误。

这是html在警告中的样子:

<div class="reply-div">
    <div class="pull-left feed-entity-side-img">
        <a href="profilepage.php?username=cb_snn">
            <img src="photos&#x2F;user_photos&#x2F;public&#x2F;2015&#x2F;02&#x2F;12&#x2F;04&#x2F;1ded2487680.jpg" alt="User" class="media-object no-padding reply-side-img"/>
        </a>
    </div>
    <div class="media-body" style="padding-bottom:5px;">
        <span class="pull-right" style=""> </span>

        <a href="profilepage.php?username=cb_snn"><span ><b>co_byrne</b></span></a>
        <p> dgsadgasdgasdgasdgasdgasdgs
        </p>                                                        
    </div>
</div>

0 个答案:

没有答案