經過使用字符串的方式將標籤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'); });