我的网站有问题:jQuery无效。
我在脚本之前在<head>
标记中加载了jQuery
你认为它与.htaccess和Web服务器的权限有关吗?如果可以的话,我对index.php文件有以下权限:
r-xrwxr-- 574
以下是我网站的链接:http://hopdog.houa.org
这是有问题的代码:
<!DOCTYPE html>
<html>
<head>
<title>HopDog</title>
<meta charset ="utf-8" />
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.slim.min.js" >
</script>
<script>
alert("$");
var menuState = "closed";
$("#ssl-seal-secure").click(function() {
alert("(это для украшения, ясно?)");
});
$("#shopB").attr("disabled", "true");
$("#shop").hide();
$("#login").hide();
$("#header1").hide();
$("#header2").hide();
$("#shopB").click(function() {
window.location.href("hopdog.houa.org/shop.php");
});
$("#header3").hide();
$("#header4").hide();
$("#mainB").hide();
$("#shopB").hide();
$("#myButton").hide();
$("#hm").click( function() {
if(menuState.indexOf("closed") == 0) {
$("#header1").show();
$("#header").hide();
$("#buyG").hide();
$("#mainB").show();
$("#shopB").show();
$("#myButton").show();
$("#mainB").click(function() {
location.reload(true);
});
$("#myButton").click(function() {
menuState="turtleLoginState";
$("#header3").show();
$("#header1").hide();
$("#mainB").hide();
$("#shopB").hide();
$("#myButton").hide();
$("#login").show();
});
menuState = "opened"
} else {
if(menuState.indexOf("turtleLoginState") == 0) {
$("#header1").show();
$("#header3").hide();
$("#login").hide();
$("#buyG").hide();
$("#mainB").show();
$("#shopB").show();
$("#myButton").show();
}else{
menuState = "closed";
$("#header").show();
$("#buyG").show();
$("#header1").hide();
$("#mainB").hide();
$("#shopB").hide();
$("#myButton").hide();
}
}
});
</script>
<body>
<button id="hm">
<img src="https://cdn0.iconfinder.com/data/icons/ui-icon-part-3/128/menu_hamburger-16.png" style="vertical-align:middle" />
</button> <p>HopDog оффициальный сайт</p>
<div id="body">
<p id="header">Главная </p>
<p id="header1">Меню сайта</p>
<p id="header2">Магазин</p>
<p id="header3">Вход</p>
<p id="header4">Мой аккаунт</p>
<hr size="2" />
<div id="body0">
<article>
<div id="shop">
<p>under construction.. Sorry for that...</p>
</div>
<div id="login">
<input id="loginF" size="15" type="email" value="Имя пользователя" />
</br>
<input id="password" type="password" />
<input id="submit" type="submit" /> <button id="reg" > <img src="https://cdn4.iconfinder.com/data/icons/business-and-office-2-6/65/55-16.png" />Зарегестрироваться</button>
</div>
<marquee id="buyG" behavior="alternete" direction="left" bgcolor="#ffffff">Сделайте предзаказ на Old House Story Сейчас!И получите бонусы на ваш счёт!! <span style="color:#006299;">[кликните чтоб попасть В магазин]</span></marquee>
<input id="mainB" value="Главная" type="button" />
<input id="shopB" value="Магазин" type="button" />
<input id="myButton" value="Мой Аккаунт" type="button" />
</div>
</article>
</div>
<img id="ssl-seal-secure" src="http://i80.fastpic.ru/thumb/2016/0815/fc/b4c2678de2ab9b4d1260420ddbc1e1fc.jpeg" alt="pseudo-secured by SSL.com (click for more info)" />
</body>
</html>
关于它的任何想法?
的更新
网站已修复,因此代码已更改。
答案 0 :(得分:0)
如果将它包含在body标记的末尾,请查看它是否有效。
像这样:
<body>
<h1>Your elements</h1>
<!-- Scripts -->
<script src="https://code.jquery.com/jquery-3.1.0.slim.min.js"></script>
<script>Put your script here.</script>
</body>
如果它仍然无效。也许尝试不同的jquery链接。 像这个https://code.jquery.com/jquery-3.1.0.min.js