Question

任何人都可以解释为什么这个jQuery .html()函数没有输出任何东西？我是新的jQuery和无法找到任何东西，如果你能告诉我：D

我只是包含html，没有别的：

 <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery.scrollTo-1.4.2.js"></script>
    <script type="text/javascript">
        //when the DOM is ready 
        $(document).ready(function(){

            var like_count = <?php print "23"; ?>;
            //Scripts for getting number of comments for this post
            var comment_count = <?php print "12"; ?>

            var thumnail_path - "";
            var time_ago - "";


            //settings on top
            var doindex = 'comments.php?item_id=';
            var initialPosts = <?php echo get_posts(0,$_SESSION['posts_start']); ?>;
            //function that creates posts
            var postHandler = function(postsJSON) {
                $.each(postsJSON,function(i,post) {

                    //post url
                    var postURL  = '' + doindex + post.item_id;
                    var id = 'post-' + post.ID;
                    //create the HTML
                    $('<div></div>')
                    .addClass('post')
                    .attr('id',id)


                                //Script for getting the number of likes for this post




                    //generate the HTML
.html('<table width="244" height="121" border="0" cellpadding="0" cellspacing="2" ><tr><td height="24" colspan="2" bgcolor="#0270B7"><table width="410" border="0"><tr> <td width="404" height="20" class="username"><a href="../profile.php?user=' + post.username + '" class="username">&nbsp;' + post.username + '<span class="name">&nbsp;' + post.name + '</span></a></td></tr></table></td></tr><tr> <td width="51" bgcolor="#Edeff4"><span class="thum"><img src="' + thumnail_path + '" alt="" width="50" height="50" /></span></td><td width="355" height="50" bgcolor="#Edeff4" class="content">&nbsp;' + post.item_content  + '</td></tr><tr><td height="19" colspan="2" bgcolor="#Edeff4" class="content"><a href="comment.php?id=' + post.item_id + '"  class="post-title">&nbsp;<span class="post-title">comment </span></a><a href="#"  class="post-title">(' + likecount + '</a><a href="comment.php?id=' + post.item_id + '"  class="post-title"><span class="post-title">)</span></a> <span class="post-title"><a href="#"  class="post-title">likes (' + likecount + ') &nbsp;' + time_ago + '</a></span></td></tr><tr><td height="18" colspan="2" class="content">&nbsp;</td></tr></table>')

谢谢：））

Answer 1

假设您没有遗漏部分脚本，看起来您似乎没有将div添加到身体某处。

在html来电后，请.appendTo('body')。例如：

$('<div></div>').html("Some stuff...").appendTo('body');

当然，您可以使用您想要的任何功能将其放入文档中。

Answer 2

为什么输出任何东西？我不是一个jquery向导，但我相信如果你给.html信息（正如你所做的那样）它不会输出任何东西，而是将它加载到指定的项目中。又名：

$('body').html('<h1>TEST</h1>');

如果要检索html，请不要在括号之间放置任何内容

var body = $('body').html();

注意：未经过测试

我会在visualjquery.com和http://api.jquery.com/category/selectors/basic-css-selectors/

上查找有关jquery的信息

Answer 3

<div id='output'></div>
<script>
$('#output').html('<your content>');
</script>

Answer 4

您必须在某事上调用.html()函数。

点击此链接：

.html()

Answer 5

我通常通过ID选择它来在DIV中添加HTML。您可能想尝试在另一行上添加html，按其ID选择div：

$('<div></div>').addClass('post').attr('id',id);
$('#'+id).html('blablabla');

我没有测试过这个。它不起作用，你可以像之前刚刚说过的Arun David一样创建一个空的DIV并将新的DIV附加到其中。

jQuery中的.html（）函数问题

5 个答案: