jQueryがMicrosoft Visual Studio 2010で動作しないのはなぜですか？

Question

MS Visual Studio 2010でASP.NET MVC 2 Webアプリケーションを作成しました.JQueryを使用してスタイルを追加する必要があります。div内にイメージスライドショーを作成するには、JQueryファイルを作成して私のView Master Pageとリンクしてください。しかし、私がプロジェクトを実行しようとすると、Visual Studioは「Microsoft JScript実行時エラー： 'jQuery'は定義されていません」と伝えます。この問題に関してお手伝いできますか？ ...ありがとう:)

here's the code I have given within my jQuery 

/*Coding : Nidhin & Eldhose*/ 


function slideSwitch() { 
var $active = $('#Left_Image DIV.active'); 

if ($active.length == 0) $active = $('#Left_Image DIV:last'); 

// use this to pull the divs in the order they appear in the markup 
var $next = $active.next().length ? $active.next() 
: $('#Left_Image DIV:first'); 

// uncomment below to pull the divs randomly 
//  var $sibs = $active.siblings(); 
//  var rndNum = Math.floor(Math.random() * $sibs.length); 
//  var $next = $($sibs[ rndNum ]); 


$active.addClass('last-active'); 

$next.css({ opacity: 0.0 }) 
.addClass('active') 
.animate({ opacity: 1.0 }, 1000, function() { 
$active.removeClass('active last-active'); 
}); 
} 

$(function() { 
setInterval("slideSwitch()", 5000); 
}); 

Answer 1

jQueryが含まれていることを確認してください。

あなたのマスターページには、理想的には

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

、スクリプトが最後にロードされなければならないようなものを持っていますが、あなたはそれを使用しようとする前に、あなたはjQueryのをロードした確認する必要があります。

Answer 2

あなたはおそらくそれを使用しようとする前に、jqueryのスクリプトを参照するのを忘れ：

<script src="<%= Url.Content("~/Scripts/jquery-1.5.1.min.js") %>" type="text/javascript"></script> 

Answer 3

Eldho、

私はあなたがslideSwitch（）メソッドを再訪し、事の第一のこのタイプを分類示唆しています。 slideSwitch（）をスタブして、次のようにすることもお勧めします。

function slideSwitch() { 
    var $active = $('#Left_Image DIV.active'); 
    alert($active); 
} 

そしてそこから少しずつ取り出してください。また、カバーの下で何が起きているのかを見るためには、ファイヤーバグを使用してください。最後に、コメントの数に述べたように、ケースにはjqueryののローカルコピーではなく、CDNのバージョンをロードしてみてください問題は、コンテンツDNSでありますなど

[編集] - 追加するのを忘れ、 jquery jsファイルが順番にロードされていることを確認してくださいBEFOREカスタムjsファイル!!すなわち

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script src="<%= Url.Content("~/Scripts/myscript.js") %>"></script> 

Answer 4

ビューに埋め込まれたスクリプトはありますか？もしそうなら、これは問題を引き起こしているかもしれません。

この問題は、レイアウトページのスクリプトの前にページがレンダリングされ、ビュースクリプトが順次 にレンダリングされるときに発生します。

たとえば、あなたはあなたの_Layout.cshtmlページ

</div> 
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script> 
</body> 
</html> 

の一番下にあなたのjQueryをrefencingされ、あなたのjqueryの検証は、あなたが

<h2>Edit</h2> 

<script src="<%: Url.Content("~/Scripts/jquery.validate.min.js") %>" type="text/javascript"></script> 
<script src="<%: Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js") %>"></script> 

@using (Html.BeginForm()) 

あなたのビュー内で例えば参照している、場合ビュー内のスクリプトをスクリプトセクションに移動することができます

<h2>Edit</h2> 

@section scripts { 
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script> 
} 

@using (Html.BeginForm()) 

およびrレイアウト内のスクリプトセクションに、スクリプトセクションがオプションかどうかを示す2番目のパラメータを渡します。

... 
    </div> 
    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script> 
    @RenderSection("section", false) 
</body> 
</html>