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