不了解jquery连接？

Question

我试图在我的网站上运行一些jquery代码，但代码没有按预期工作。我已经尝试了几组不同的代码，认为我的代码是问题所在。虽然我在jquery中测试了一个简单的类更改，但代码仍然无法正常工作。所以我想知道它是否是我与jquery文件的连接。看看我的设置。

在头部标签中我有以下内容。

<div id="MainContent">
    <h1 id="toggle" class="h1Example">Jquery Test</h1>
</div>

这是通过正文标记

$('#toggle').click(function () {
    $(this).toggleClass('newH1Example');
});

这是我的jquery代码

.h1Example {
color: green;
}

.newH1Example {
color: green;
text-shadow: 2px 2px 5px black;
}

这是我的CSS

Core dumped issue

Answer 1

你在html中包含两次jquery。删除其中任何一个。如果您需要在生产中运行，请使用缩小版本，因为它紧凑（删除空格等）。如果要在开发模式下运行，则需要调试时，请使用非缩小版本。

<script src="Script/jquery-1.11.3.js"></script>
<script src="Script/jquery-1.11.3.min.js"></script>

你也需要更新你的JS。

为你的JS添加jquery准备就绪。这是必需的，因为您需要确保在文档准备好后完成所有绑定。如果您没有准备好文档，那么该元素不一定在DOM中可用，因此，事件不会被绑定。

$(document).ready(function(){
    $('#toggle').click(function () {
        $(this).toggleClass('newH1Example');
    });

});

我希望它有所帮助!!!