嗨,大家好,我正在尝试在div的onload事件上调用函数,但是我找不到任何可以帮助我在onload事件上调用函数的东西。
我确实尝试使用此“ oQuickReply.swap”来调用它,但是它不起作用,因为那样只会交换位置。所以你能告诉我如何在div上添加onload事件吗?
我的问题有所不同,因为我有一个只能在循环中调用的函数,才能将'post_id'值赋给该函数,我想要的onload事件是调用我的函数select_comment(),这将使我从数据库中获得所有注释到页面。让我向您展示我的代码,如果您不了解某些内容,请事先告诉我,我将详细介绍它。

     <script type="text/javascript">
 $(window).load(function(e){

    // grab the scroll amount and the window height
       loadmore();
       select_likes();

       select_share();
       // get_recieve_friend_requests();
       // get_sent_friend_requests();
    });

 function loadmore(){
          var lastID = $('.load-more').attr('lastID');
         // alert(lastID);

              jQuery.ajax({
                  type:'POST',

                  url:'<?php echo base_url("user/get_all_post"); ?>',
                   data: {id:  lastID },
                      dataType: 'json',


                  beforeSend:function(data){
                      $('.load-more').show();
                  },
                  success:function(data){

                         var ParsedObject = JSON.stringify(data);
                         var json = $.parseJSON(ParsedObject);


                         if (json=="") {
                          $("#bottom").append('<div class="btn btn-default col-md-6" >'+'No More Results'+'</div>');
                          $("#Load_more_data").hide()

                         }else{

                           $postID=json[json.length-1].id;

              $('.load-more').attr('lastID', $postID);

                $.each(json, function (key, data) {


   var post_id=data.id;
    var post_status=data.status;
     var status_image=data.status_image;
    var multimage=data.multimage;



                             if(!post_status=="" && !status_image==""){
                               $("#status_data").append('<div class="panel-footer" onload="select_comment('+post_id+');"><div class="row"><div class="col-md-12"><a href="#">13 people</a> like this</div></div><ul class="media-list"><li   class="media_comment"></li><li class="media"><div class="media-left media-top"><?php echo img($user_file_image); ?></div><div class="media-body"><div class="input-group"><form action="" id="form_content"><textarea name="textdata" id="content_comment" cols="25" rows="1"  class="form-control message"  placeholder="Whats on your mind ?"></textarea><button type="submit" id="comment_button" onclick="comment_here('+post_id+');">Comment</button></form></div></div></li></ul></div></div>');

                    });
                  }
              }
            });
          }
function select_comment(post_id)
{

  alert(post_id);

  var User_id = $('.id_data').attr('value');
 jQuery.ajax({
                  type:'POST',
                  url:'<?php echo base_url("user/select_comment"); ?>',
                  data: {Post_id:Post_id,User_id:User_id},
                  dataType: 'json',
                  success:function(data)
                  {
                    alert('you have like this');
                  }
          });

}


现在,您看到的就是该要在div加载时使用我的函数进行调用的方式。

最佳答案

您可以在任何元素,窗口或文档上使用就绪功能。加载目标元素后,将执行所需的块。以下是相同的示例。

$("#myid").ready(function(){
    //block will be loaded with element with id myid is ready in dom
})

09-16 15:22