JQuery, если имеет класс вопрос

Question

Я использую самозагрузки вкладки, и я хотел бы сделать некоторые функции с JavaScript, если LI нажата, но с условным, если он активен, ничего не делать, иначе это сделать ...

Я пришел с этим кодом, чтобы проверить, если он has a class="active" since bootstrap tabs adds class="active" to LI for the active tab, но он не работает, он всегда возвращает true, что я делаю неправильно здесь?

код

var i = $("li").hasClass("active"); 

$("li").click(function() {    
    if (i == true) { 
     console.log("the tab is already active"); 
    } 
    else { 
     console.log("selected"); 
    }  
}); 

здесь jsfiddle demo

Answer 1

Проверить hasClass для щелкнули Li:

$("li").click(function() {    
    if ($(this).hasClass('active')) { 
     console.log("the tab is already active"); 
    } 
    else { 
     console.log("selected"); 
    }  
}); 

Answer 2

Использование $(this) для принятого текущего объекта

$("li").click(function() { 

    if ($(this).hasClass("active")) { 
     console.log("the tab is already active"); 
    } 
    else { 
      console.log("selected"); 
    } 

}); 

Fiddle

Answer 3

$("li").click(function() {    
    if ($(this).hasClass("active")) { 
     console.log("the tab is already active"); 
    } 
    else { 
     console.log("selected"); 
    }  
}); 

Answer 4

Потому что $ ("Ли") возвращает все теги Li. И начальное состояние первой вкладки li активно, поэтому переменная i всегда верна.

Изменение кодов на то, что @Bhojendra Sah написал будет работать.

Answer 5

Вы можете попробовать это, а также для динамических элементов:

$(document).on('click', "li.active", function (e) { 

    console.log("the tab is already active"); 

}).on('click', "li:not(.active)", function (e) { 

    console.log("selected"); 

}); 

Example