easyui dialog中自己定义的button。click事件不能用

Question

问题描述：addMode在js页面设置成了dialog，但是它内部有个button按钮。在js中有click事件。问题就是button的click事件不能正常用。要不就是一进入页面就执行了click事件（没有人为触发），要不就是不执行

jsp页面

 <div id="addMode">
       <table id="addTab" class="tab1" style="display:none;">
         <tr><td class="td1">形式名称</td><td class="td2"><input type="text" name="name"/></td></tr>
         <tr><td class="td1">是否启用</td><td class="td2"><input type="checkbox" name="agreed"/></td></tr>
         <tr><td ><input id="btnAdd" type="button" class="easyui-linkbutton" data-options="iconCls:'icon-ok'" value="确定"/>
         <input type="reset" class="easyui-linkbutton" data-options="iconCls:'icon-cancel'" value="关闭"/>
         </td></tr>
       </table>
    </div>

js中

$(function(){

//这里调用 ShowAddDialog();

$('#btnAdd').bind('click',function(){

alert('test');

});

})

function ShowAddDialog(){
$('#addTab').css('display','');
$('#addMode').dialog({
title:'添加形式',
iconCls:'icon-add',
width:320,
height:140,
});

}

Answer 1

今天偶也遇到了 这么写行

function addFun() {

parent.$.modalDialog({

title : '添加',

width : 600,

height : 500,

href : '${ctx}/material/addPage',

onLoad:function() {

var button_save = parent.$.modalDialog.handler.find('#butt_save');// butt_save 弹出页面id

button_save.click(function () {

alert("butt_save_click");

});

}

});

Answer 2

不是的。btnTest是我重新做的一个测试button。和btnAdd的区别就是。btnAdd属于dialog中。而btnTest没有在dialog中。结果btnTest测试是好用的

Answer 3

html里面的id是btnAdd，js里面的是btnTest吧