javascript - 未捕获的类型错误 : Cannot read property 'setAttribute' of undefined at Object. onLoad

标签 javascript bootstrap-4 dropdown semantic-ui popper.js

任何可能导致此错误的想法?

我的包含列表:

<link rel="stylesheet" href="../../node_modules/semantic-ui/dist/semantic.min.css">
<link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="../../node_modules/fullcalendar/dist/fullcalendar.min.css">
<script src="../../node_modules/semantic-ui/dist/semantic.min.js"></script>
<script src="../../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="../../node_modules/moment/min/moment.min.js"></script>
<script src="../../node_modules/fullcalendar/dist/fullcalendar.min.js"></script>

HTML 元素:

<div class="ui floating dropdown labeled search icon button" style="width: 95%; margin: 0 auto;" id="monthDrop">
    <i class="calendar icon"></i>
    <span class="text">Choose a Month</span>
    <div class="menu">
                <div class="item">January</div>
                <div class="item">February</div>
                <div class="item">March</div>
                <div class="item">April</div>
                <div class="item">May</div>
                <div class="item">June</div>
                <div class="item">July</div>
                <div class="item">August</div>
                <div class="item">September</div>
                <div class="item">October</div>
                <div class="item">November</div>
                <div class="item">December</div>
    </div>
</div>

脚本:

$('#monthDrop').dropdown();

它呈现的很好,加载时没有任何错误,只是当我尝试点击它时:

enter image description here

最佳答案

我们在使用以下 html 时遇到了同样的错误:

<select class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" role="button" v-model="selected" aria-haspopup="true" aria-expanded="false">
    <option disabled value="">Please select one</option>
    <option class="dropdown-item" value="type1">Carrier</option>
    <option class="dropdown-item" value="type2">Shipper</option>
</select>

我们尝试删除 data-toggle="dropdown"来自 <select>标签;错误不再发生,下拉菜单仍然有效。不确定为什么这行得通,但它为我们消除了错误。一定是某种冲突?无论如何,如果其他人正在寻找解决方案,此解决方法可能对他们有用。

关于javascript - 未捕获的类型错误 : Cannot read property 'setAttribute' of undefined at Object. onLoad,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51006763/

相关文章:

Javascript 保留 ASCII 字符和货币符号

javascript - 带双引号/单引号的正则表达式

php - 我应该显示列表的CSS按钮具有提交功能

html - 在 IE 中单击选择标签时选择突出显示

python - 显示 wtforms SelectMultipleField 显示为下拉列表而不是列表

javascript - js 不能在 IE 上工作,但可以在 FF 上工作......给出inner.html错误..所以想转换为jquery格式

WKWebView 中的 javascript 桥不起作用

jquery - Bootstrap 4 移动站点像桌面一样运行

javascript - 表格中的输入导致表格宽度发生变化

css - 在 Bootstrap 中创建响应式卡片组