Question

使用jquery-ui尝试主题Panel内容时出现问题 Panel显示并显示已定义的按钮，但它们未使用smoothness主题设置样式？

Data.js

var data = require("sdk/self").data;

exports.get = function(content) {

    return data.url(content);
}

main.js

var confirmPanel = require("sdk/panel").Panel({
    width: 450,
    height: 350,
    contentURL: Data.get("html/confirmPanel.html"),
    contentStyleFile: Data.get("lib/css/smoothness/jquery-ui-1.10.3.custom.css"),
    contentScriptFile: [
                        Data.get("lib/js/jquery-1.9.1.js"),
                        Data.get("lib/js/jquery-ui-1.10.3.custom.js"),
                        Data.get("js/confirmPanel.js")
                        ]
});

confirmPanel.html

<table>
    <tr>
        <td>
            <button>Save</button>
        </td>
        <td>
            <button>Cancel</button>
        </td>
    </tr>
</table>

插件结构（如果有用）

├── data
│   ├── html
│   │   └── confirmPanel.html
│   ├── js
│   │   ├── confirmPanel.js
│   │   └── SelectedText.js
│   └── lib
│       ├── css
│       │   └── smoothness
│       │       ├── images
│       │       │   ├── animated-overlay.gif
│       │       │   ├── ui-bg_flat_0_aaaaaa_40x100.png
│       │       │   ├── ui-bg_flat_75_ffffff_40x100.png
│       │       │   ├── ui-bg_glass_55_fbf9ee_1x400.png
│       │       │   ├── ui-bg_glass_65_ffffff_1x400.png
│       │       │   ├── ui-bg_glass_75_dadada_1x400.png
│       │       │   ├── ui-bg_glass_75_e6e6e6_1x400.png
│       │       │   ├── ui-bg_glass_95_fef1ec_1x400.png
│       │       │   ├── ui-bg_highlight-soft_75_cccccc_1x100.png
│       │       │   ├── ui-icons_222222_256x240.png
│       │       │   ├── ui-icons_2e83ff_256x240.png
│       │       │   ├── ui-icons_454545_256x240.png
│       │       │   ├── ui-icons_888888_256x240.png
│       │       │   └── ui-icons_cd0a0a_256x240.png
│       │       └── jquery-ui-1.10.3.custom.css
│       └── js
│           ├── jquery-1.9.1.js
│           └── jquery-ui-1.10.3.custom.js

Answer 1

Panel不支持contentStyle*
您可以直接在HTML文档中添加样式。

jQuery-ui没有在Firefox插件中设置面板

1 个答案: