Question

我要做的是，当用户单击列表中的用户，然后将li移到顶部时。

这是我的代码。

$(document).on('click', '.list_user_id', function(){

        var old_user_list ;

        var recipient_idd = $(this).data('list_user_id');


        $('ul.user_list > li.active').removeClass('active');        
        $('ul.user_list > li').css('display','block');        

        old_user_list = $('ul.user_list').html();
        $('#recipient_idd').val(recipient_idd);
        $('.message_box_footer').show(100);

        $.ajax({
          url: "<?php echo base_url('messages/get_single_user_messages/')?>"+$(this).data('list_user_id'),
          type: "GET",
          dataType: "html",
          success: function(data){
            $('.direct-chat-messages').html(data);
            $('#direct-chat-messages').animate({scrollTop: $('#direct-chat-messages').prop("scrollHeight")}, 500);

            $('ul.user_list').html(old_user_list);

            // this line is not working on server. 
            $($('#list_user_id_'+recipient_idd)).parent().prepend($('#list_user_id_'+recipient_idd));


            $('ul.user_list').find('#list_user_id_'+recipient_idd).addClass('active');


          }    
        });  
    });

在上面的代码中，一切似乎都工作正常，但下面的行在服务器上不起作用。

$($('#list_user_id_'+recipient_idd)).parent().prepend($('#list_user_id_'+recipient_idd));

我已经尝试过设置间隔，但是没有用。

这是服务器https://nimb.ws/k9bfHU上的无效演示

这是本地主机上的工作演示：https://nimb.ws/YcSemw

为什么jQuery prepend不能在服务器上运行而在localhost上可以正常运行？

0 个答案: