bootstrapSwitch 라이브러리 > 재생성 방지하기

   bootstrapSwitch 라이브러리 > 재생성 방지하기

bootstrapSwitch

switch 생성된 엘리먼트를 갱신(렌더링)할때 이미 스위치가 만들어진 엘리먼트는

패스하도록 한다.

code)

<div class='make-switch'>
    <input type='checkbox' name='element_name' value='N' data-on-label="사용중" data-off-label="미사용중" data-on='success' data-off='info'>
</div>
 
 
<script>
// 기본 생성
$(".make-switch input").bootstrapSwitch();
 
// 스위치 핸들러
$(".make-switch").on('switch-change', function ($e, $data) { 
    var show = $(this).data("show");
    var input = $(this).find("input");
});
 
 
// 동적으로 switch를 생성하거나 변경
$("#some-id").html(  "<div class='make-switch'><input class='myClass' type='checkbox' checked readonly data-on='success' data-off='info'></div>" )
 
// 
function makeSwitch(){
 
    var hasClass;
 
    $(".make-switch").each(function(idx){
        hasClass = $(this).children().is(".has-switch");
 
        if( !hasClass ) $(this).find("input").bootstrapSwitch();
    });
}
 
makeSwitch(); // 이미 생성(스위치가) 적용된 엘리먼트는 제외할 수 있다
</script>