2016-08-18 15 views
0

私のウェブサイトに問題があります:jQueryは動作していません。
スクリプトの前に<head>タグにjQueryをロードします。
Webサーバーの.htaccessとアクセス許可と関係があると思いますか?それは可能性がある場合、私はindex.phpファイルに次の権限があります。jQueryが私のウェブサイトで有効になっていません

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

私には問題ありません。私はcode.jquery.comのCDNを使用しようとしているのを見ているので、あなたのWebブラウザやネットワークが単にそれをブロックしている可能性があります。 WebサーバーにjQueryを追加し、自分のサーバーからソースを取得してみてください。この問題は私にとって非常に頻繁に現れ、私はCDNでの迷惑を止めました。 – MonkeyZeus

答えて

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

+0

ありがとう!それは助けた。 –

+0

助けてくれてうれしい! – jamien

関連する問題