-1

接続された外部ファイルがいくつかあります。ファイルの名前をリストするショートカットを使用してみましたが（すべて同じフォルダーにあります）、CSSファイルのみが「機能」または「接続」などであるため、現在はSHIFT+RMBを使用して「名前を付けてコピー」します。道。" Notepad ++でファイルを編集し、Windows 7 Home Premium、64ビット（違いがある場合）のGoogleChromeでファイルを開きます。

HTMLコード：

<html>

<head>
<link rel = "stylesheet" type = "text/css" href = "No Real Purpose.css"/>

<title>Random text</title>
</head>

<body>
<div id = "clickToHide">
Hide div
</div>

<div id = "hidable">
hidden?
</div>

<!--Script inclusion-->
<script type = "text/javascript" src = "C:\Program Files (x86)\EasyPHP5.2.10\www\JQuery Test\No Real Purpose.js"></script>
<script type = "text/javascript" src = "C:\Program Files (x86)\EasyPHP5.2.10\www\JQueryTest\jQuery.js"></script>
</body>
</html>

CSSコード：

div
{
     color: white;
     background-color: black;
     box-shadow: 2px 2px black;
     height: 100px;
     width: 100px;
     padding: 3px;
     margin: 5px;
}

#hidable
{
    color: black;
    background-color: yellow;
    box-shadow: 2px 2px black;
    height: 100px;
    width: 100px;
    padding: 3px;
    margin: 5px;
}

jQueryコード：

$(document).ready(function()
{
    $('clickToHide').click(function()
    {
        $('#hidable').slideToggle('fast');
    });
});

どこが間違っているのですか？

編集：これらはオンラインで投稿されていません。私のコンピューターにローカルに保存されています。私は単にjQueryの知識をテストしようとしています。サーバーはありません！

4

7 に答える 7

2 
use this to load jquery 

<script     type="text/javascript"src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2013-01-02T17:51:18.530 に答える
1 
$('clickToHide').click(function()

#以前に入力していないclickToHideので、jQueryはclickToHideという要素を探していると見なし、#（#clickToHide）を挿入して、機能するかどうかを確認します。

編集：また、ファイル名にスペースを入れないようにしてください。ここでは問題になる場合と関係ない場合がありますが、これは悪い習慣であり、可能であれば避ける必要があります。No Real Purpose.cssになる可能性がありますNoRealPurpose.css

于 2013-01-02T17:42:38.437 に答える
1

タイプミスですか、それとも見逃しましたか#

$(document).ready(function()
{
    $('clickToHide').click(function()
------^ here?
    {
        $('#hidable').slideToggle('fast');
    });
});
于 2013-01-02T17:44:01.297 に答える
1

コンピューターからのローカルパスではなく、サーバーからの相対パスまたは絶対パスを使用する必要があります（EasyPHPはApacheサーバーをエミュレートします）。

<script type="text/javascript" src="No_Real_Purpose.js"></script>
<script type="text/javascript" src="jQuery.js"></script>
于 2013-01-02T17:46:15.007 に答える
1

「clickToHide」のclick（）イベントに「＃」がないことに加えて、Windowsスタイルのパスフォーマットも使用していますが、これは機能しません。

C:\...参照を次のようなものに変更します/JQueryTest/NoRealPurpose.js（先頭の「/」はWebルートです）。

ファイル名にスペースを使用しないようにすることもお勧めします。スペースがあると、Webサーバーが混乱し、開発環境から本番環境に移行するときに予期しない問題が発生する可能性があります。

于 2013-01-02T17:46:33.177 に答える
1

HTMLのheadセクションにJavaScriptファイルを含めてみてください。また、絶対パスではなく相対パスを使用します。EasyPHPやxamppなどのプラットフォームを使用している場合、通常、Webブラウザのバーに「http：//localhost」と入力してローカルサーバーにアクセスできます。

この場合、「localhost / JQueryTest /」と入力してドキュメントを開きます（htmlドキュメントはそのフォルダに配置されていると思います。JavaScriptファイルごとにパスが異なることに注意してください。一方は\ JQueryTest \を読み取り、もう一方は\JQueryTest\を読み取ります。スペースがあります）、相対パスは単に「jQuery.js」になります。

更新：また、他の人が指摘しているように、可能な場合はスペースを避け、jQuery構文を確認してください。jQueryがロードされているかどうかを確認する簡単な方法は次のとおりです。

$(document).ready( function(){
    alert("Hey cruel world!");
});
于 2013-01-02T17:47:56.670 に答える
1

私はあなたの問題はこれだと思います：

JQueryTestフォルダがルートにある場合、これは機能するはずです。

<script type="text/javascript" src="/JQueryTest/jQuery.js"></script>
<script type="text/javascript" src="/JQueryTest/No Real Purpose.js"></script>
                           //--------^^^^^^^^^^------Your folder reference

ここでの順序は重要ですjqueryはdoc ready呼び出しスクリプトの前にロードする必要があります。

于 2013-01-02T17:53:01.343 に答える