JQuery的影響只有一個單一的fancybox風格

Question

我運行jQuery代碼用戶執行特定操作後更改的fancybox的外觀，但是當下面的代碼被稱爲

$('#boxbox').fadeOut(function(){ 
    $(".fancybox-inner").width('590px'); 
    $(".fancybox-inner").height('140px'); 
    $('#boxbox').html(data).fadeIn(); 
}); 

只有高度變化。除了第二行之外，其他一切都按預期工作。我怎樣才能將箱子大小調整爲590x140？

Answer 1

通過修改#boxbox的HTML，您還可以修改或覆蓋.fancybox-inner。嘗試：

$('#boxbox').click(function() { 
    $(".fancybox-inner").width('590px').height('140px'); 
    $('.fancybox-inner .text').html("I've been clicked!").fadeIn(); 
}); 

http://jsfiddle.net/sRMbV/7