2012-01-09 10 views
3

私は自分のウェブサイトで初めてjQueryを試していますが、動作しません。私は約10時間何百ものものを試してきましたが、今日はもっと灰色の髪があります=)。私が見つけた最も簡単なスニペットは、このいずれかになります。呼び出しjQueryは動作しません

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("#msgid1").html("This is Hello World by JQuery 1<BR>"); 
    }); 

    $(function() { 
     $("#msgid2").html("This is Hello World by JQuery 2<BR>"); 
    }); 

    window.onload = function() { 
     document.getElementById('msgid3').innerHTML = "This is Hello World by JavaScript"; 
    }; 

</script> 

This is Hello World by HTML 

<div id="msgid1"> 
</div> 

<div id="msgid2"> 
</div> 

<div id="msgid3"> 
</div> 

私は私の<body>のそれを置きます。結果は次のとおりです。

This is Hello World by HTML 
This is Hello World by JavaScript 

jQueryの呼び出しは機能しません。多分それは私の<head>と関係がありますか?

<title>@ViewBag.Title</title> 
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" media="screen"/> 
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script> 

あなたはどう思いますか?

+0

jQueryはライブラリです。本質的にブラウザに組み込まれたものではありません。ちょうど明確にするために、あなたはそれを含んでいますか、それが正しくロードされていることを確認できますか? –

+0

jsfiddle.netに投稿できますか? –

+2

あなたのコードがうまくいくので、jQueryが正しくロードされていないようです(http://jsfiddle.net/Wp4Nb/)。 –

答えて

0

実際、私はその解決策を見つけました。

これらの行は、単に行の順序、突然現れた2本のjQueryの出力ラインを変更することにより、互い

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 

に非常に隣接していないwhene問題があるようです!

ありがとうございました。

2

私はあなたのスクリプトがこのスクリプトブロックの下にあるjQueryを指しているか、まったく欠けていると思います。あなたはそれを使用しようとする前に、「負荷」jQueryのことを行う必要があります。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 
     $("#msgid1").html("This is Hello World by JQuery 1<BR>"); 
    }); 

    $(function() { 
     $("#msgid2").html("This is Hello World by JQuery 2<BR>"); 
    }); 

    window.onload = function() { 
     document.getElementById('msgid3').innerHTML = "This is Hello World by JavaScript"; 
    }; 

</script> 

スクリプトタグを、私はGoogleのCDNにポイントを追加しましたが、あなたはまた、それをローカルにダウンロードし、それをローカルに参照することができます

<script type="text/javascript" src="scripts/jquery.min.js"></script> 
+0

私はURLとそれをローカルで試しました。まだ成功していない。私は自分の

  • 11. jquery cfcへのgetJSON呼び出しは、テストサーバー上で動作しますが、ライブではありません。
  • 12. SoapClient呼び出しは、PHP 5.6では動作しますが、PHP 7では動作しません。
  • 13. Python呼び出しDLL:TypeError: 'LibraryLoader'オブジェクトが呼び出せません
  • 14. アスタリスクAMDは発信呼び出しで起動しません
  • 15. API呼び出しはローカルで動作しますが、Herokuでは動作しません
  • 16. Objective-C、AppのWebサービス呼び出しはwifiで動作しますが、モバイルデータでは動作しません。
  • 17. 次の自己呼び出し関数は動作しません。
  • 18. Javascript関数呼び出しは<img src="myFunction()">が動作しません
  • 19. jqueryを正しく呼び出せません。
  • 20. jQueryからの呼び出しハンドラが機能しません
  • 21. jQueryプラグイン関数をスタンドアロンで呼び出し可能にする方法は、コレクションでは動作しません。
  • 22. セレクタはパースリー3.0フレームワークでは動作しませんので、コマンドは決して呼び出されません
  • 23. GoogleアナリティクスのトラッキングはiOSで動作しません。私のGANTrackerDelegateは決して呼び出されません。
  • 24. WCFのJQuery ajax呼び出しJSONサービスが動作しない
  • 25. Python内でRobocopyを呼び出す - スイッチは動作していませんか?
  • 26. 別のvfページへのリモート呼び出しが動作しません
  • 27. ClickOnceマニフェストエラー「インストールしたアプリケーションで呼び出すメソッドが動作しません」
  • 28. VB.Net WebBrowser呼び出しのjavascript関数が動作しません。
  • 29. Orleans.GrainClient.GetStreamProviders()とOrleans.GrainClientGetStream()を呼び出した後、Orleans.GrainClient.GetStreamProviders()が動作しません
  • 30. ajax呼び出し(ファイル送信)C#関数が動作しません(webmethod)