经过使用字符串的方式将标签append到指定的元素下,这时easyui的样式并不会渲染上去javascript
须要经过使用 parse 解析器来从新进行渲染,具体代码以下java
/新增节点的字符串 var optionEleStr = `<div class="fitem"> <label>选项</label> <input name="options[]" class="easyui-textbox" data-options="required:true" value="{{ old('option') }}" /> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a> </div>`;
$('#increaseBtn').bind('click', function(){ fm.append(optionEleStr); //easyui 调用解析器对新增的节点进行渲染 $.parser.parse($('.fitem')); });
若是字符串中存在须要绑定事件的按钮,好比以下红色部分app
`<div class="fitem">
<label>选项</label>
<input name="options[]" class="easyui-textbox" data-options="required:true" value="{{ old('option') }}" />
<a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-remove'">删除</a>
</div>`;
这时绑定事件应使用JQuery的 on() 的方式,而再也不使用 bind() ,JQuery中on()是用来代替bind()此类函数的函数
经过父节点找到子节点,进行事件绑定fm.on('click','.removeBtn',function () { alert('1'); });