3

わかりました、本当にイライラする奇妙なことが起こっています。私は自分のサーバーに JQuery をインストールしていますが、それが正しくインポートされていることはわかっています。

$(function() { alert('hello') });

「こんにちは」と警告します。ただし、cssセレクターを使用しようとすると...

$(".image").css("border","3px solid red");

それは動作しません！はい、ファイル内にそのクラス名を持つものがあると 100% 確信しています。これが本当のキッカーです。コードをjsFiddleにコピーペーストすると、問題なく機能しました。何が得られる?!

4

3 に答える 3

7

jsFiddle はonload、jsFiddle ウィンドウの左上に設定されています。タグ内のコードをシミュレートする「No Wrap - in Head」に設定すると<head>、jsFiddle は機能しなくなります。

このonload設定は、ページが読み込まれるまで jsFiddle が JavaScript を実行しないことを意味します。

実際のページでは、ページが読み込まれる前に JavaScript を実行している可能性があります。

.ready()JavaScriptを独自の関数に入れることで修正できます。

$(document).ready(function(){
    $(".image").css("border","3px solid red");
});

または、JavaScript がタグの直前までロード/実行されないようにすることもできます</body>。これは、スクリプトが実行される前にページのコンテンツがロードされていることを確認する簡単な方法です。

<body>
Your HTML content here

<script>
// your script here that runs after all of the DOM is parsed
$(".image").css("border","3px solid red");
</script>

</body>

タグを適切に配置する方法の詳細については、この回答を参照してください。<script>

于 2013-07-02T04:36:50.273 に答える
0

内部に追加をテストしました$(document).ready(function(){});か？

<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<script>
    $(document).ready(function(){
        $(".image").css("border","3px solid red");
    });
</script>
于 2013-07-02T04:28:47.277 に答える
-2 
if u have a internet connection following link useful for you 

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

above link put inside a body or before write a script and please verify jquery js file.
于 2013-07-02T04:28:05.620 に答える