Firefox 扩展中的不透明度和 jQuery 淡入/淡出答案

【问题标题】：Opacity and jQuery fadeIn/fadeOut in firefox extensionFirefox 扩展中的不透明度和 jQuery 淡入/淡出
【发布时间】：2010-07-06 10:14:34
【问题描述】：

我很难让 jquery 褪色和不透明 css 元素在我正在编写的 firefox 扩展中响应我。我正在使用 FireFox 3.6。我很确定这两个问题是相关的。

这段代码没有消失，它只是在等待四秒后在屏幕上弹出和关闭：

css_notify_div = {
    position: 'fixed',
    top: '2%',
    right: '2%',
    font: 'bold',
    'font-size': '1.5em',
    'font-family': 'sans-serif',
    'text-align': 'center',
    'background-color': 'ffff88',
    'border': '2px solid #eeee00',
    'padding': '5px',
    margin: 'auto',
    display: 'none'
};


doc = window.content.document;
$('#br_notify_div', doc).css(css_notify_div);

$('#br_notify_div', doc).fadeIn("slow", function () {
    $('#br_notify_div', doc).fadeOut(4000);
});

fadeTo() 每次运行时也会失败，如果我使用 css({opacity:'.2'}) 也不会发生任何事情。

编辑：这似乎是特定于 Firefox 扩展环境的。其他动画效果很好，例如 show('slow') 看起来很好。这似乎与使用 opacity 属性本身有关，它似乎不仅仅是一个 jQuery 问题。

【问题讨论】：

标签： javascript jquery css firefox-addon opacity

【解决方案1】：

我试过here，它似乎工作正常..？

（Linux 上的 FF 3.6.6）

【讨论】：

看起来它与必须抓取文档有关。因为我使用的是 firefox 扩展，所以我必须参考 window.content.document。
使用 window.document 可以正常工作。我在尝试使用“window.content.document”时遇到“权限错误”，这看起来像是跨站点保护的尝试。您的脚本是否来自与 html 相同的域？
Window.content 仅在您从 Firefox 扩展的 XUL 文档中声明您的 javascript 时使用。该上下文中的 Window.document 返回表示菜单项、侧边栏和工具栏的元素。所以在这种情况下，我们转到 window.content.document 来获取网页对象。