JavaScript，它在网站的“运营时间”部分突出了当前的一天

Question

我有一份经营企业的日子和时间的清单：

{% 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没有产生任何结果，我不知道为什么。注意:这是在一个带有app core的Django项目中，JS文件位于core/static/core/js/index.js。

编辑：

这是控制台中显示的错误消息：

错误:引导程序的JavaScript需要jQuery

Answer 1

该错误消息意味着要么jQuery没有加载，要么它没有在引导程序的JavaScript之前加载。在加载引导jQuery文件之前，您需要加载JavaScript。您的script标记应该如下所示：

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