2011-03-27 50 views
0

任何人都可以解釋爲什麼這個jQuery .html()函數不輸出任何東西? 我是新太jQuery和着縫發現任何東西,如果你能告訴我:djQuery中的.html()函數問題

我就包括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>') 

謝謝:))

+0

什麼是你調用'.html()'?當然,這一定是某種東西。 – aroth 2011-03-27 03:17:32

+0

你需要把內容放入''('#someDiv')。html('

');'http://api.jquery.com/html/ – EmCo 2011-03-27 03:18:18

+0

Javascript應該*操作* DOM ,而不是創建它。你到底在做什麼把標記放在腳本方法中? – 2011-03-27 03:18:51

回答

2

假設你沒有冷落你的腳本的一部分,它並不像你曾經加入您的div的身體某處。

在您撥打html後,請撥.appendTo('body')。例如:

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

當然,你可以使用任何你想放置在文檔中的函數。

0

它爲什麼會輸出任何東西? 我不是一個jquery嚮導,但我相信,如果您提供.html信息(如您所做的那樣),它不輸出任何內容,而是將其加載到指定的項目中。 又名:

$('body').html('<h1>TEST</h1>'); 
如果你想檢索HTML不要放在括號之間的任何

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

:未測試

我想查找關於jQuery的信息visualjquery.com and http://api.jquery.com/category/selectors/basic-css-selectors/

+0

看看我的編輯 – user663049 2011-03-27 03:24:15

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

看看編輯.. – user663049 2011-03-27 03:23:19

0

您必須致電.html()函數。

退房此鏈接:

+0

看看我上面的編輯..它呼籲的東西,我有證明了它所調用的函數正在工作..我改變了.html,現在它不是 – user663049 2011-03-27 03:26:09

0

我通常通過選擇它的ID來在DIV中添加HTML。你可能會想嘗試添加另一條線路上的HTML,它的ID一樣,選擇在div:

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

我沒有測試這一點。它不起作用,你可以創建一個像Arun David之前所說的空DIV,並添加新的DIV。