상태에 따라 부트 스트랩 글리프 아이콘이 변경됩니다.

Question

StatusLineId에 따라 글리프콘을 변경하려하지만 글리프콘이 전혀 표시되지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

HTML 코드 :

<div> 
    <div id="status-icon" data-bind="visible: statusIcon" style="float:left;width:30px;"> 
     <span class="glyphicon"></span> 
    </div> 
</div> 

JS 기능

function statusIcon() { 
    if (StatusLineId == 1) { 
     $("#status-icon").find(".glyphicon").addClass("glyphicon-remove"); 
    } 
    else if (StatusLineId == 11) { 
     $("#status-icon").find(".glyphicon").addClass("glyphicon-chevron-up"); 
    } 
    else { 
     $("#status-icon").find(".glyphicon").addClass("glyphicon-flash"); 
    } 
} 

Answer 1

나는 다음 코드를 시도하고 일했다. 'StatusLineId' 값을 변경하고 바이올린으로 테스트하면됩니다.

<div> 
    <div id="status-icon" data-bind="visible: statusIcon" style="float:left;width:30px;" onClick="statusIcon();">here 
     <span class="glyphicon"></span> 
    </div> 
</div> 


    $(document).ready(function() { 
var StatusLineId = 0 
    if (StatusLineId == 1) { 
    //alert('remove'); 
     $("#status-icon span").toggleClass('glyphicon-arrow-right').toggleClass('glyphicon-remove') 
} 
    else if (StatusLineId == 11) { 
     $("#status-icon span").toggleClass('glyphicon-arrow-right').toggleClass('glyphicon-chevron-up') 
} 
    else { 
     $("#status-icon span").toggleClass('glyphicon-arrow-right').toggleClass('glyphicon-flash'); 

} 

}); 

https://jsfiddle.net/tsscrpn6/

Answer 2

StatusLineId 선언되지 않으며 statusIcon() 함수에 파라미터로서 전달되지도.

함수 안에 StatusLineId를 선언하고 시도하십시오. 그것은 작동합니다.