Wex5中使用jquery原生代码

wmnmtm

<div component="$UI/system/components/justep/output/output" class="x-output" xid="output5" id="output5"></div>
<div id="span88" style="border:1px solid red;">---</div>
<input type="text" value="0000" xid="input2" id="input2" style="width:247px;"></input>


define(function(require){
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");

        var Model = function(){
                this.callParent();
               
                $("#input2").val(22222);//代码1
               
                $("#span88").html('123');//代码2
               
                $("#output5").html('abc');//代码3
        };

        return Model;
});


其中代码3不生效，执行效果如下：




如果要让代码3生效，需要删除上面红色的代码，让div变为普通的html

component="$UI/system/components/justep/output/output"改为：
<div class="x-output" xid="output5" id="output5"></div>


执行效果为：

从这次测试可以看到，jquery对指定了component的html无效，是否一直是这样，就不知道了。

hecr

把output组件的id="output5"属性删除， js中改成
var outputId = this.getIDByXID("output");
$("#" + outputId).html("abc");