我已经诚实地尝试了一切,我已经在这里呆了几天,但JQuery没有在Dreamweaver中使用我的代码。我联系了他们,这是一个编码问题。当我将代码复制到JSFiddle时,它可以工作,但不适用于我的HTML。这里是的jsfiddle链接:https://jsfiddle.net/mufeeza/36cmxwxc/JQuery不工作,但在JSFiddle上工作
这里是我在我的HTML链接它:
<script src="jquery-latest.js"></script>
<script type="text/javascript" src="/resources/js/home.js"></script>
这里是JS文件:
$('#contact').on('mouseenter', function() {
"use strict";
$('body').css('background-image', 'url("https://image.ibb.co/fmOqzv/Contact.png")');
$('.intro').css('opacity', '0');
});
$('#contact').on('mouseleave', function() {
"use strict";
$('body').css('background-image', 'url(http://www.solidbackgrounds.com/images/2560x1440/2560x1440-white-solid-color-background.jpg)');
$('.intro').css('opacity', '1');
});
$('#design').on('mouseenter', function() {
"use strict";
$('body').css('background-image', 'url("https://image.ibb.co/d2Dqzv/Portfolio.png")');
$('.intro').css('opacity', '0');
});
$('#design').on('mouseleave', function() {
"use strict";
$('body').css('background-image', 'url(http://www.solidbackgrounds.com/images/2560x1440/2560x1440-white-solid-color-background.jpg)');
$('.intro').css('opacity', '1');
});
$('#develop').on('mouseenter', function() {
"use strict";
$('body').css('background-image', 'url("https://image.ibb.co/mSQPuv/develop.png")');
$('.intro').css('opacity', '0');
});
$('#develop').on('mouseleave', function() {
"use strict";
$('body').css('background-image', 'url(http://www.solidbackgrounds.com/images/2560x1440/2560x1440-white-solid-color-background.jpg)');
$('.intro').css('opacity', '1');
});
也许你在加载jQuery文件之前加载了js文件,总是先加载jQuery文件。 –
尝试从CDN更换你的jQuery来看看会发生什么:我的其他想法将是你的路径src是一个错过 – Adrianopolis