使用php发送新帖子，但JavaScript不起作用

Question

I'm sorry for bad english. I am preparing a wall like facebook. Everything is working properly. But I have a problem at delete button. Old ships delete button works fine. However, when I create a new post. Delete button does not work. but when I refresh the page it works. I'm using JavaScript code. You can find my code in question. To understand me better i made a jpg file : JPG File PHP and Javascript :

<?php
foreach($updatesarray as $data)
 {
 $msg_id=$data['msg_id'];
 $orimessage=$data['message'];
 $message=tolink(htmlentities($data['message']));
  $time=$data['created'];
   $username=$data['username'];
 $uid=$data['uid_fk'];
 $face=$Wall->Gravatar($uid);
 $commentsarray=$Wall->Comments($msg_id);
?>
<script type="text/javascript">
$(document).ready(function()
{
    $("._link").click(function(event)
    {
        var $gonderibody = $(event.target).closest(".gonderibody");
        if($(".bubset", $gonderibody).css('display')=='none')
        {
            $(".u_p_a", $gonderibody).addClass('open');
            $(".bubset", $gonderibody).css('display','block');


        }
        else
        {
             $(".bubset", $gonderibody).css('display','none');
             $(".u_p_a", $gonderibody).removeClass('open');

        }

    });
    $(document).click(function(e)
    {
      if($(e.target).attr('class')!='_link')
      {

        if($(".bubset").css('display')=='block')
        {
            if($('.u_p_a').hasClass('open'))
              {
                  $('.u_p_a').removeClass('open');
              }
              $(".bubset").css('display','none');
        }
      }
});

});
</script>
<script type="text/javascript"> 
$(document).ready(function(){$("#stexpand<?php echo $msg_id;?>").oembed("<?php echo  $orimessage; ?>",{maxWidth: 400, maxHeight: 300});});
</script>

<div class="gonderibody" id="gonderibody<?php echo $msg_id;?>">

<div class="u_p_a">
  <a class="_link"></a>
    <div class="bubset">
            <ul class="root">
                <li><a class="stdelete" href="#" id="<?php echo $msg_id;?>" title="Delete update">Sil</a></li>
            </ul>
        </div>
</div>
  <div class="gonderen_resim_zaman_isim">
    <div class="gonderen_resmi">
      <img src="<?php echo $face;?>" class='big_face'/>
    </div>
    <div class="gonderen_adi"><?php echo $username;?>Mustafa öztürk</div>
    <div class="gonderim_zamani"><?php time_stamp($time);?>birkaç dakika önce</div>
  </div>
  <div class="gonderi"><?php echo $message;?></div>
  <div class="begen_yorum_paylas">
    <div class="u_byp"><a href="#">Beğen</a></div>
    <div class="u_byp"><a href='#' class='commentopen' id='<?php echo $msg_id;?>' title='Comment'>Yorum yap </a></div>
    <div class="u_byp"><a href="#">Paylaş</a></div>
  </div>

<div id="stexpandbox">
<div id="stexpand<?php echo $msg_id;?>"></div>
</div>

<div class="commentcontainer" id="commentload<?php echo $msg_id;?>">


<?php include('load_comments.php') ?>





</div>
<div class="commentupdate" style='display:none' id='commentbox<?php echo $msg_id;?>'>
<div class="stcommentimg_mini">
<img src="<?php echo $cface;?>" class='small_face'/>
</div> 
<div class="stcommenttext" >
<form method="post" action="">

<textarea name="comment" class="comment"  id="ctextarea<?php echo $msg_id;?>"></textarea>
<br />
<input type="submit"  value=" Comment "  id="<?php echo $msg_id;?>" class="comment_button"/>
</form>


</div>
</div>


</div> 




<?php

  }
?>

Answer 1

There is more then one Problem with your code.

1. id attributes in html DOM need to be UNIQUE. Don't give your id=msg_id and your delete link id=msg_id

2. the event handler will only be attached to DOM objects already on the page. if you add an element it will have no event handler attached to it. To add event handlers also to future DOM elements you need to use delegate event handlers. with jQuery that is easy.

wrong:

    $('#yourEl').click( function (){
        //...code
    });

right:

    $(document).on('click', '#yourEl', function(){
        //...code
    )};

use document if you want to look for all new elements in document. better use a smaller scope. maybe .u_p_a ?