javascript - dojotype更改按钮的ID

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

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

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

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

但是它不起作用，如果我删除dojotype属性，它可以正常工作：

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

如何避免这种情况？

编辑：这是dojo更改的内容：

<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>

最佳答案

你应该用

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

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

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

关于javascript - dojotype更改按钮的ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13578445/