语义UI模块正确设置样式但没有响应

Question

我对JS和Jquery很陌生，我担心我必须错过一些基本的错误来引发这个错误：我试图在html中包含的语义模块中没有一个用JS启动似乎是响应，即使我只需从语义ui示例中复制片段。

我使用bower将Semantic UI和Jquery安装到一个单独的bower_component目录中，然后我将其作为附加内容根添加到phpstorm中的项目目录中。我在html标题中包含语义文件，并且路径都被识别：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我将html从第一个示例this link复制到html，将js复制到＆＃34; js / semantic_test.js＆＃34;。在Chrome或Safari中，该页面显示为静态，所有样式均正确但无响应。

我尝试了一些功能正常的bootstrap组件。我还测试了Jquery和Semantic UI的CDN路径 - 还没有工作。我花了几个小时谷歌搜索，并将非常感谢一些帮助请！

Answer 1

您是否在document.ready

中包装了jquery代码？

$(document).ready(function() {
 // your code here
 // ...
});

有时在使用JavaScript初始化html组件的脚本在组件加载到dom之前运行时会发生这种情况。