的JavaScript凸顯當天在網站

的「工作時間」的一部分我的天，一個企業的運營時間列表：的JavaScript凸顯當天在網站

{% load static %} 

<link type = "text/javascript" href="{% static 'core/js/index.js' %}"> 

     <div class = "col-md-4"> 
      <div class = "business-hours"> 
       <h2 class="title">Opening Hours</h2> 
        <ul class="list-unstyled opening-hours"> 
         <li>Sunday <span class="pull-right">Closed</span></li> 
         <li>Monday <span class="pull-right">9:00-22:00</span></li> 
         <li>Tuesday <span class="pull-right">9:00-22:00</span></li> 
         <li>Wednesday <span class="pull-right">9:00-22:00</span></li> 
         <li>Thursday <span class="pull-right">9:00-22:00</span></li> 
         <li>Friday <span class="pull-right">9:00-23:30</span></li> 
         <li>Saturday <span class="pull-right">14:00-23:30</span></li> 
       </ul> 
      </div> 
     </div>

，我試圖使用JavaScript，使目前的日當用戶訪問網站時突出顯示：

// highlight current day on opeining hours 
$(document).ready(function() { 
$('.opening-hours li').eq(new Date().getDay()).addClass('today'); 
});

上面的JavaScript沒有產生任何結果，我不知道爲什麼。注意：這是在應用core的Django項目中，JS文件位於core/static/core/js/index.js。

編輯：

這是在控制檯所示的錯誤消息：

error: Bootstrap's JavaScript requires jQuery

來源

2017-08-21 Justin O' Brien

我以爲你在丟失的孩子選擇：* .opening小時>李* –

你在控制檯中的錯誤信息？ – freginold

@Jonasw它應該以任何方式工作，對，作爲後代選擇器？（至少這是[docs]（https://api.jquery.com/descendant-selector/）的說法） – freginold

即錯誤消息意味着或者jQuery的未加載，或者它沒有引導的JavaScript之前加載。您將需要加載jQuery 之前加載Bootstrap JavaScript文件。你script標籤應該是這個樣子：

<link rel="stylesheet" href="bootstrap.min.css"> 
<script src="jquery.min.js"></script> 
<script src="bootstrap.min.js"></script>

來源

2017-08-21 15:26:40 freginold

的JavaScript凸顯當天在網站

回答

相關問題