easyui刷新渲染

經過使用字符串的方式將標籤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');
});
相關文章
相關標籤/搜索