效果展示:
代码实现: var tools = $('.easyui-accordion').find('.panel-title'); $(tools[0]).append(`<div class="title-btn title-btn-image idcard" id="btnReadIdCard" οnclick="btnReadIdCardClick()">读取身份证</div> <div class="title-btn" id="syncHisCard" οnclick="syncHisCardClick()">同步HIS卡号</div>`);
我是只需要在第一个accordion上面加按钮,所以是tools[0],各位同僚可以根据需求进行调整哈
实现中遇到的问题:
点击事件绑定不了、按钮点击事件与折叠事件冲突:
使用window.函数名 来声明函数,解决绑定不了的问题;
在函数实现中增加event.stopPropagation(); 实现点击穿透,解决事件冲突的问题
window.syncHisCardClick = function() { event.stopPropagation(); ..... };