2017-09-13 41 views
0

我想檢查是否有特定的liactive class與它。這是我在引導代碼HTML:檢查李是否有特定的類基於id

if ($("#monthly").hasClass("active")) { 
 
    alert('hi'); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li role="presentation" id="monthly" class="active"><a href="#monthly_mship" class="text-uppercase" aria-controls="settings" role="tab" data-toggle="tab" aria-expanded="true"> MONTHLY</a></li> 
 
</ul>

不知怎的,它不工作。請幫我解決一下這個。

編輯:讓我rephrahse問題的方式,這個李進來的資產淨值標籤所以它得到的點擊活動類。

+1

還有你的代碼工作正常 - 因爲你可以從片段看到我編輯到你的問題。檢查控制檯是否有錯誤,並確保你在document.ready事件處理程序中運行你的jQuery代碼 –

+1

將你的代碼包裝在'$(function(){/ * code here * /});'所以它會一直等到DOM被加載 –

回答

2

這裏是從learn.jquery引用。

在文檔「準備就緒」之前,不能安全地操作頁面。 jQuery爲你檢測到這種狀態。包含在 $(document).ready()中的代碼只會在頁面Document Object 模型(DOM)準備好執行JavaScript代碼時運行。

因此,請確保您的代碼裏面:

$(document).ready(function() { 
    if ($("#monthly").hasClass("active")) { 
     alert('hi'); 
    } 
}); 

或者簡寫以前:

$(function() { 
    if ($("#monthly").hasClass("active")) { 
     alert('hi'); 
    } 
}); 
相關問題