jquery - 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