小编Dav*_*vid的帖子

我正在使用 kendo-ui 的 SPA 创建客户端 CRUD 屏幕。其中一项功能是允许用户更改他们的密码，因此我设置了以下模板：

<script type="text/x-kendo-template" id="user-change-password">
    <div class="hpanel hblue">
        <div class="panel-heading hbuilt">
            <div class="panel-tools">
                <a class="showhide"><i class="fa fa-chevron-up"></i></a>
            </div>
            Change Password for <span data-bind="text: userViewModel.UserName"></span>
        </div>
        <div class="panel-body">
            <form class="container-fluid" id="user-change-password-form">
                <a class="k-button btn-xs m-b-md" data-bind="attr: {href: userHref}">
                    <i class="fa fa-arrow-left"></i>
                    Go Back
                </a>
                <div class="form-group">
                    <label for="change-password">New Password</label>
                    <input id="change-password" type="password" class="k-textbox" required="required" data-bind="value: password" />
                </div>
                <div class="form-group">
                    <label for="change-password-confirm">New Password Confirmation</label>
                    <input id="change-password-confirm" type="password" class="k-textbox" required="required" data-bind="value: passwordConfirmation" />
                </div>
                <div class="row">
                    <div …

我决定下载所有外部 CSS 和 JavaScript 文件，而不是依赖 CDN。然而，在我这样做之后，我遇到了 daterangepicker.js 插件的以下错误：

类型错误：t 未定义

我研究了该错误，我遇到的所有内容都表明 moment.js 要么根本没有被引用，要么在 daterangepicker.js 文件之后被引用。但是，我的脚本是这样定义的：

<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.circliful.min.js"></script>
<script src="js/loader.js"></script>
<script src="js/moment.js"></script>
<script src="js/jquery.daterangepicker.min.js"></script>

我还确保没有拼写错误，如以下屏幕截图所示：

我还直接从源网站下载 JavaScript 文件，而不是从托管在某处的 CDN：

• jQuery.js：
• 时刻.js：
• 日期范围选择器.js

我不明白是什么原因导致了这个问题，我完全不知道如何解决这个问题。更令人沮丧的是，如果我尝试像以前一样切换回使用 CDN，错误仍然存​​在。

这是相关的 jQuery 代码：

// Setup the Agency Report date-picker
$('#date_range').dateRangePicker({
autoClose: true,
format: 'MMMM Do YYYY',
showShortcuts: true,
customShortcuts: [
{
  name: 'this week',
  dates : function() {
    var start = moment().day(0).toDate();
    var end = moment().day(6).toDate();
    return [start,end];
  } …

我有以下代码来表示浮动操作按钮：

.dropup .hide-toggle.dropdown-toggle::after {
    display: none !important;
}

<div class="dropup position-absolute bottom-0 end-0 rounded-circle m-5">
    <button type="button" class="btn btn-success btn-lg dropdown-toggle hide-toggle" data-bs-toggle="dropdown" aria-expanded="false" aria-haspopup="true">
        <i class="fa-solid fa-plus"></i>
        <span class="visually-hidden">Add Category</span>
    </button>
    <ul class="dropdown-menu">
        <li>
            <a class="dropdown-item" href="#">...</a>
        </li>
    </ul>
</div>

但我在隐藏切换图标时遇到了问题，.dropdown-toggle尽管 CSS 规则不显示它。

我该怎么做才能删除该图标？

在努力跟上HTML5时,我确保使用W3验证工具验证我的所有标记.最近,我开始将role元素添加到元素中.但是,我已经注意到以下警告弹出一次又一次:

button元素不需要这个角色button.

navigation元素不需要这个角色nav.

但在同样的道理,关于HTML ARIA W3C的网站上,它指出的button角色是适用于<button>元件和将navigation角色是仅适用于<nav>元素.

这让我role想到了HTML5角色所需的属性吗？我有什么方法需要使用它们？