LayerDate渲染多個class出現閃現問題的解決


填寫表單的時候有時候會需要添加一行表單的業務邏輯,而表單要用到LayerDate的話便不可避免的出現多個class的情況

這種情況下后面的class是無法渲染的,layerDate官網提出了解決方法:

//同時綁定多個
lay('.test-item').each(function(){
  laydate.render({
    elem: this
    ,trigger: 'click'
  });
}); 

但是這種方法依然不能解決,因為layDate 初始化的時候會自動生成一個 lay-key="",直接復制代碼會把這個 lay-key 也一起復制過來,但是頁面中如果有 lay-key 的值相同,就會發生沖突,造成彈窗一閃而過的效果。

如何解決呢?只用渲染的時候將lay-key屬性刪掉就可以了:

     //添加一行
function add() {
var $tr = $("#getContent").clone(); $("#list").append($tr); //重新分配lay-key lay('.test-item').each(function(){
             laydate.render({
              elem:
this ,
              
trigger: 'click'
        });
        $('.test-item').removeAttr('lay-key') 
      });
     }

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM