Ajax jquery demo

2014年05月02日 | | 点击首评
//2014-05-01 by huilang.me
$('#header ul li a').bind('click', function(){
    $('#content').stop().hide();
    $('#loading').show();
    $("#main").show(); //show #main
    $('#main .close').show();
    $('#main .close').click(function(){
        $('#main').hide();
    });
        $('#header ul li a').removeClass('current');//remove current
        $(this).addClass('current');//add current
        $url = $(this).attr('href');//get current url
        $.ajax({
                url: $url,
                cache: false,
                success: function(data){
                    var content = $(data).find('#content').html();
                    // alert(content);
                    $('#loading').hide();
                    $("#content").html(content).stop().fadeIn(400);//load content


                    if( $("#content").find(".banner").length>0 ){
                        slider = $('.banner ul').bxSlider({
                            autoHover: true,
                            auto: true,
                        });


                        // load current sliders
                        function hl_count(){
                            var $count = slider.getSlideCount();
                            var $hl_count = ' / ' + $count;
                            $(".bx-pager").append($hl_count);
                        };
                        hl_count()
                    }
                }
        });
        return false;
});

发布评论