2012-05-12 252 views
0

我正在嘗試向舊評論框添加新評論。 這裏是我的代碼,不知道爲什麼它不工作向舊評論組添加新評論

<script type="text/javascript"> 
    $(document).ready(function() { 

     $(function() { 
      $(".bsubmit").click(function() { 
       var id = $(this).parent().parent().attr("id"); 
       var comm = document.getElementById(id).getElementsByClassName("commentadd")[0].value; 
       $.ajax({ 
        type: "POST", 
        url: "comment.php", 
        data: { 
         id: id, 
         comm: comm 
        }, 
        cache: false, 
        success: function() { 
         $('.addcomment').slideUp('slow', function() { 

          // POSTED IN DATABASE SUCCESS NOW APPEND The comment with other COMMENTS 

          document.getElementById(id).getElementsByClassName(".itemcomment").append('<div class="comm"> 
    <a href="profile.php?id=<?php echo $_SESSION[' 
          fbid ']; ?> class="comm_img"><img src=" <?php echo $_SESSION[' 
          smallest ']; ?> width="50" height="50" /></a> 
    <p width="50"><strong> 
    </strong></p> 
    </div>'); 

         }); 
         $('#load').fadeOut(); 
        } 
       }); 
       return false; 
      }); 
     }); 
    }); 
</script> 
+2

嘗試使用'$(「#div_id .itemcomment」)'而不是'document.getElementById(id).getElementsByClassName(「。itemcomment」)'。 – Karo

+0

@David - 但是當PHP執行時,這將寫入javescript。 假設存儲在一個變量中。現在我只是追加變量的值..不是嗎? – Yahoo

+0

@Karo - 我的Div_ID位於一個名爲ID的變量中。我怎麼可以重新創建該聲明? 謝謝 – Yahoo

回答

1

我認爲錯誤是在「效果基本show」回調中的代碼,所以我覺得做正確的做法是:

使用常規的JavaScript:

$('.addcomment').slideUp('slow', function() { 

    var elem = getElementById(id).getElementsByClassName(".itemcomment")[0], 
     div = document.createElement("div"), 
     a = document.createElement("a"), 
     p = document.createElement("p"), 
     img = document.createElement("img"), 
     strong = document.createElement("strong"); 

     div.className = "comm"; 
     a.className = "comm_img"; 
     a.href = "profile.php?id=<?php echo $_SESSION['fbid ']; ?>"; 
     img.src = "<?php echo $_SESSION['smallest ']; ?>"; 
     img.width = "50"; 
     img.height = "50"; 
     p.width = "50"; 

     p.appendChild(strong); 
     a.appendChild(img); 
     div.appendChild(a); 
     div.appendChild(p); 
     elem.appendChild(div); 
}); 

使用jQuery:

$('.addcomment').slideUp('slow', function() { 
    var html = '<div class=comm>'; 
    html += '<a href="profile.php?id=' + "<?php echo $_SESSION['fbid'];?>" + 'class=comm_img>'; 
    html += '<img src="' + "<?php echo $_SESSION['smallest']; ?>" + 'width="50" height="50" /></a>'; 
    html += '<p width="50"><strong></strong></p></div>'; 

    $(".itemcomment", "#"+id).append(html);   
}); 

希望HEL PS!