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。

修改

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

错误：Bootstrap的JavaScript需要jQuery

Answer 1

该错误消息表示未加载jQuery，或者在Bootstrap的JavaScript之前未加载。在加载Bootstrap JavaScript文件之前，您需要加载jQuery 。您的script代码应如下所示：

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

JavaScript，突出显示当前＆＃34;营业时间＆＃34;网站的一部分

1 个答案: