Question

我有一个使用dojotype属性的HTML按钮：

<button id="btnSearchEmployees" dojotype="dijit.form.Button">
                        Search
                    </button>

并尝试使用jQuery处理此按钮上的click事件：

$("#btnSearchEmployees").click(function() {
    alert("test");
});

但它不起作用，如果我取出dojotype属性，它可以正常工作：

 <button id="btnSearchEmployees"> Search </button>

我该如何避免这种情况？

编辑：以下是道场改变：

<span class="dijit dijitReset dijitInline dijitButton" role="presentation" style="width: 70px;" widgetid="btnSearchEmployee">
    <span class="dijitReset dijitInline dijitButtonNode" data-dojo-attach-event="ondijitclick:_onClick" role="presentation">
        <span class="dijitReset dijitStretch dijitButtonContents" data-dojo-attach-point="titleNode,focusNode" role="button" aria-labelledby="btnSearchEmployee_label" tabindex="0" id="btnSearchEmployee">
            <span class="dijitReset dijitInline dijitIcon dijitNoIcon" data-dojo-attach-point="iconNode"></span><span class="dijitReset dijitToggleButtonIconChar">?</span>
            <span class="dijitReset dijitInline dijitButtonText" id="btnSearchEmployee_label" data-dojo-attach-point="containerNode">Search</span>
        </span>
    </span>
    <input type="button" value="" class="dijitOffScreen" tabindex="-1" role="presentation" data-dojo-attach-point="valueNode">
</span>

Answer 1

你应该使用

dojo.connect(dijit.byId("btnSearchEmployees"), "onClick", function(){
    alert("test");
});

这是因为一旦你使用dojoType（或data-dojo-type）。 dojo parser会将原来的dom替换为dijit声明的模板。结果可能与标记写入的内容完全不同（如您所示）。它为最外面的dom生成一个新的id。所以你实际点击的不是原始的Button元素。然后你必须将它用作“dojo widget”，它只能通过 dijit.byId 检索。

如果您已经使用了dojo框架，它具有您需要的大多数功能。您也不必使用JQuery。

dojotype改变按钮的id

1 个答案: