Javascript 语义用户界面模式未打开

我正在使用语义UI，并创建了一个带有

单击事件的按钮，当单击该按钮时，该按钮应该会打开模式，但什么也没有发生

当我点击链接时什么也没发生，我不知道出了什么问题

这是按钮：

<a class="item" id="logIn">
    <i class="user icon"></i> Log In 
</a>

与您注册的电子邮件地址关联的图像

可以用这张照片吗

不
是的，就是我

可能是在DOM准备就绪之前绑定了事件方式，因此请尝试将代码包装到doc ready中：

$(document).ready(function(){
     $('#logIn').click(function(){
        $('#modaldiv').modal('show');    
     });
});

---

---

另一件事是，您可以在浏览器控制台中检查错误，这可以帮助您理解问题。

确保将

jquery

脚本放在语义之前

<script src="scripts/jquery.js"></script>
<script src="scripts/semantic.js"></script>

Jai解决方案也适用于我。我用id而不是类来选择。

谢谢，这就解决了它！

$(document).ready(function(){
     $('#logIn').click(function(){
        $('#modaldiv').modal('show');    
     });
});

<script src="scripts/jquery.js"></script>
<script src="scripts/semantic.js"></script>