根据状态更改引导 glyphicon答案

【问题标题】：change bootstrap glyphicon depending on status根据状态更改引导 glyphicon
【发布时间】：2017-03-03 09:08:06
【问题描述】：

我试图根据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"); 
    }
}

【问题讨论】：

你能发个小提琴吗？

标签： javascript html css twitter-bootstrap knockout.js

【解决方案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/

【讨论】：

【解决方案2】：

StatusLineId 既没有声明也没有作为参数传递给 statusIcon() 函数。

在函数内部声明 StatusLineId 并尝试。它有效。

【讨论】：