スクリプトを実行する前にcssクラスをチェックする方法

Question

WindowsデスクトップのようなWebページインターフェイスを作成しようとしています。

私の問題は、スタートメニューのアプリアイコンをクリックすると、タスクバーにそのアプリアイコンを追加したいということです。それが追加される前に、このアプリがすでに開かれていることをマークするために、スタートメニューのアイコンにクラスを追加しました。アプリが既に開かれている場合は、タスクバーに新しいアプリアイコンを追加したくありません。

私は以下のコードを使用しましたが、それでもクラスが追加され、タスクバーの新しいアイコンが追加されました。

$(".app_ico").on('click', function() { 
    var checkClass = function() { 
    var check = $(".app_ico").hasClass("luanched"); 
    if (check === true) { 
     return (true); 
    } else { 
     return (false); 
    } 
    } 
    checkClass(); 

    var appIcoId = $(this).attr("id"); 
    var appId = "#" + appIcoId.substring(4); 

    if (checkClass() === false) { 

    $(this).addClass("launched"); 
    $("" + appId).addClass("app_open"); 
    $(".taskbar").append("<div>A</div>"); 

    } else { 
    $("" + appId).addClass("app_open"); 
    } 

Answer 1

あなたはクラスlaunchedを設定し、まだluanchedをチェックするために問題があります。また、あなたのロジックを改善することができます。たとえば、checkClass()機能は完全に冗長です。これを試してください：

$(".app_ico").on('click', function() { 
    $("#" + this.id.substring(4)).addClass("app_open"); 

    if (!$(this).hasClass("launched")) {  
    $(this).addClass("launched"); 
    $(".taskbar").append("<div>A</div>"); 
    } 
}); 

Answer 2

使用hasClass

if($("selector").hasClass("calss")) 
{ 
// if selector has class 
} else{ 
// no chance 

}