通过调用ajax数据，无法实现js上下滚动，直接添加li就可以

Question

通过ajax调用数据，html就无法上下滚动，直接在

中间添加多个li标签就可以正常滚动，比如

<div class="notice_active">
        <ul ><li>1</li><li>2</li><li>3</li></ul>  
    
        </div>

js部分

<script type="text/javascript" src="js/jquery.min.js"></script>
<script>
        function timer(opj){
        $(opj).find('ul').animate({
            marginTop : "-3.5rem"  
            },500,function(){  
            $(this).css({marginTop : "0.7rem"}).find("li:first").appendTo(this);  
        })  
    }
    $(function(){ 
        var num = $('.notice_active').find('li').length;
        if(num > 1){
           var time=setInterval('timer(".notice_active")',3500);
            $('.gg_more a').mousemove(function(){
                clearInterval(time);
            }).mouseout(function(){
                time = setInterval('timer(".notice_active")',3500);
            }); 
        }
        
        
    });
</script>

ajax部分

<script type="text/javascript">
    $(function(){
        $.ajax({
            url:'/zs/search1.php',
            type:'GET',
            async: true,
            dataType:'json',
            success:function(data){
                {
                    var html='';
                    $.each(data,function(k, v){
                       html += '<li><span>考生姓名：'+ v.xm+' </span><span>考生手机号：'+ v.sjhm+'</span><span>学校：'+ v.kslb+'</span><span>专业：'+ v.bkzy1+'</span><em>'+ v.updatetime+'</em></li>';
                    });
                 
                    $('#demo1').html(html);
                }
            },
            error: function(data){}
        })
    });

html部分

    <div class="notice_active">
            <ul id="demo1">
            </ul>   
    
        </div>

Answer 1

ajax请求成功后调用滚动方法