为什么按钮绑定onclick事件无效?

发布于 2022-09-03 00:13:27 字数 2437 浏览 12 评论 0

在界面中加入了两个按钮,左边的按钮“确定”点击时可以触发onclick事件,右边的按钮“编辑”就不行。
样式如下:

<form #checkcontacts-dialog>
        <div class="maskinglayer_div">
            <div class="add_contacts_frame">
                <div id="check_contacts_head">
                    <div id="checkcontacts_label"><label>查看联系人</label></div><button id="checkcontacts_close" class="regist_close_orange"></button>
                </div>
                <div id="check_contacts_footer">
                    <table>
                        <tr><td>姓名</td><td><input id="check_contacts_footer_name" type="text" disabled /></td></tr>
                        <tr><td>手机号码</td><td><input id="check_contacts_footer_phone" type="text" disabled /></td></tr>
                        <tr><td>固定电话</td><td><input id="check_contacts_footer_officephone" type="text" disabled /></td></tr>
                        <tr><td>qq号码</td><td><input id="check_contacts_footer_qq" type="text" disabled /></td></tr>
                        <tr><td>电子邮箱</td><td><input id="check_contacts_footer_email" type="text" disabled /></td></tr>
                        <tr><td>备注说明</td><td><textarea id="check_beizhushuoming" disabled></textarea></td></tr>
                    </table>
                    <button id="check_bt" class="show_add_bt"></button>  
                    <button id="edit_bt" class="edit_bt"></button>                 
                </div>                
            </div>
            
        </div>
    </form>

截图如下所示:
图片描述
两个按钮的事件如下:(采用tiscript

$(#check_bt).onClick = function()
{
    $(#checkcontacts-dialog).state.collapsed = true;
}
$(#edit_bt).on("click",function(evt)
{
    $(#checkcontacts-dialog).state.collapsed = true;
    dialog {body:$(form#altercontacts-dialog)};
})

事件是用tiscript写的,语法是正确的。
我在交换两个按钮的ID之后,左边的按钮也可以执行id为edit_bt的事件。

请各位指点迷津。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

欢你一世 2022-09-10 00:13:27

是因为在CSS中,图片按钮的高度和宽度的问题,挡住了编辑按钮的作用域。

咽泪装欢 2022-09-10 00:13:27

$(#check_bt).onClick = function()
{

$(#checkcontacts-dialog).state.collapsed = true;

}
我没见过这种写法,引用了jq又用js的onclick点击方法,而且你这js也报错了

情场扛把子 2022-09-10 00:13:27

用document进行事件委托试试。

謌踐踏愛綪 2022-09-10 00:13:27

选择器没加引号吧?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文