Jquery Rounded Corners在进行ajax调用时没有工作..任何想法

时间:2009-12-29 18:22:03

标签: jquery ajax rounded-corners

所以我一直在做一个简单的ajax调用,用一些分页来抓住我的相册。在添加ajax调用之前,我的圆角工作。选择器也是正确的。我正在为我的.load回调做'转弯'而我无法让它工作:s任何想法:

//Display Loading Image
function Display_Load()
{
    $("#loading").fadeIn(900,0);
    $("#loading").html("<img src='/images/loading.gif' />");
}
//Hide Loading Image
function Hide_Load()
{
    $("#loading").fadeOut('slow');      
};

function display_corners()
 {
            $('.album_shell li .album_photo_shell').corner("round 3px").parent().css('padding', '6px').corner("round 13px");
            $('.album_photo').corner("round 5px").parent().css('padding', '4px').corner("round 6px");
};  

//默认起始页面结果

$("#pagination_nav li:first").css({'color' : '#FF0084'}).css({'border' : 'none'});

Display_Load();
var album_id = $(document).getUrlParam("album_id"); 
$("#content").load("pagination_data.php?page=1&album_id=" + album_id, Hide_Load(),display_corners());

//Pagination Click
$("#pagination_nav li").click(function(){

    Display_Load();

    //CSS Styles
    $("#pagination_nav li")
    .css({'border' : 'solid #dddddd 1px'})
    .css({'color' : '#0063DC'});

    $(this)
    .css({'color' : '#FF0084'})
    .css({'border' : 'none'});

    //Loading Data
    var pageNum = this.id;

    $("#content").load("pagination_data.php?page=" + pageNum + "&album_id=" + album_id, Hide_Load(),display_corners());
});

1 个答案:

答案 0 :(得分:1)

您正在调用实际函数而不仅仅是传递引用。此外,您传递的是两个单独的函数,而不是load方法接受的函数。你应该把它改成这样的东西:

$("#content").load("pagination_data.php?page=1&album_id=" + album_id, function(){
    Hide_Load();
    display_corners();
});

我会像这样抽象出来:

function get_album( album_id, page_number ){
   if(!page_number) page_number = 1;
   Display_Load();
   $("#content").load("pagination_data.php?page=1&album_id=" + album_id, function(){
      Hide_Load();
      display_corners();
   });
};