フォントawesome in Javascript/Jquery

Question

私のjavascriptコードで素晴らしいフォントタグを使用したいと思います。私はこれを次のようにしていますが、動作していません。

if ($("#showOrderDetail_" + Id).css('display') == 'none') { 

    $("#showOrderDetail_" + Id).show(); 
    $("#viewOrHideDetail_" + Id).html("Hide Details <i class='fa fa- chevron - up' aria-hidden='true'></i>"); 

} else { 

    $("#showOrderDetail_" + Id).hide(); 
    $("#viewOrHideDetail_" + Id).html("View Details <i class='fa fa- chevron - down' aria-hidden='true'></i>"); 

} 

Answer 1

Aクラス名にはスペースがありません。複数のクラスがある場合は、各クラス名にスペースを付けます。

$("#viewOrHideDetail_" + Id).html("Hide Details <i class='fa fa-chevron-up' aria-hidden='true'></i>"); 
                  ^^^^ 
                  check here 

クラス名はフォント素晴らしいでfa-chevron-up次のとおりです。

あなたのコードは次のようでなければなりません。

他の行と同じです。