gpt4 book ai didi

javascript - 语义 UI 下拉菜单不起作用,并表示 $(...).dropdown 不是函数

转载 作者:行者123 更新时间:2023-12-01 08:39:41 25 4
gpt4 key购买 nike

这个小任务引起了比它需要的更大的头痛。我只想得到一个简单的下拉菜单,例如: enter image description here

很简单,对吧?它甚至给了我代码?它能有多难?我首先在我的页面中导入了 CDN。

<head>
<!-- stuff -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
</head>

然后,我添加:

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>

根据他们的documentation ,我需要做的就是:

$('.ui.dropdown')
.dropdown()
;

在我的 ui-dropdown 类元素上,但它只是给我带来了问题。

<Uncaught TypeError: $(...).dropdown is not a function

我查看了以下内容来寻求帮助,但运气不佳:

看起来无论我做什么......脚本都没有被初始化。

最佳答案

您能否将代码发布到某个地方(jsfiddle 或codesandbox),以便我们可以更轻松地检测问题? (抱歉,我还没有足够的声誉来评论您的问题)

=======

我的回答:

您的代码似乎是在 jQuery 库完全加载到您的浏览器之前运行的。您可以尝试将执行代码块像这样包装到 $( document ).ready(function(){} 中吗?

$( 文档 ).ready(function() {
$('选择').dropdown()
});

关于javascript - 语义 UI 下拉菜单不起作用,并表示 $(...).dropdown 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49039301/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com