webapp 外部 CSS リファレンス_html/css_WEB-ITnose

JS ファイル

define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
// ui2 の下に CSS ファイルを読み込みます
require("css!./innerCss1").load();
require("css!$UI/demo/misc/importCss/innerCss2").load();

//テキストの読み込みUI2 下のファイル
var innerText1=require("text!./innerText1.txt");
var Model = function(){
this.callParent();
};

Model.prototype.modelLoad=function(event) {
alert("innertText1 content:"+innerText1);
};
//UI2 でのテキスト ファイルの動的読み込み
Model.prototype.innerTextBtnClick = function(event){

};
Model.prototype.span3Click = function (event){
var path = "text!./innerText1.txt";
require([path], function(content){
alert("innerText2 content: " + content);
});
} ;
return モデル;
});

css1:

.innerCss1{
背景色:red;
}

css2:

.innerCss2{
背景色: yellow;
}

txt ファイル:

{メッセージ:"this is innerText1"}

x5 公式説明:

コードの実装:

注: コードに示されているように、WeX5 では、css ファイルは require("css!xxx").load() を通じて参照されます。 be "css" !";
2. パスは次の状況をサポートします: 「./」または「../」で始まる相対パス (現在の js ファイルが配置されているパスからの相対パス)、拡張子は必要ありません; "$ で始まる" UI/ ($UI は UI2 ディレクトリを表します) で始まる絶対パスには拡張子は必要ありません。" http://" で始まる絶対パスには拡張子が必要です (拡張子がある場合)。 。

ダウンロード: importCss ケース

実行方法: ダウンロードしたファイルを WeX5 の UI2 の対応するディレクトリに抽出し、Chrome ブラウザーに次のように入力します: http://localhost:8080/ x5 /UI2/demo/misc/importCss/importCss.w