최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

티스토리 뷰



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


bootstrapSwitch



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

패스하도록 한다.



code)


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<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>
cs


'■ 프론트엔드 ■ > Bootstrap' 카테고리의 다른 글

Bootstrap modals overlapping scroll focus problem  (0) 2018.12.10
tooltip  (0) 2018.12.05
01. 부트스트랩 이란  (0) 2014.12.19
댓글