MVC-4 jquery uı

Question

Merhaba , MVC-4 üzerinde jquery öğrenmeye çalışıyorum.Fakat bir yerde takıldım.Jquery UI kodlarım çalışmıyor.Yardım edebilirseniz sevinirim.Uygulamamın linki : http://s3.dosya.tc/server9/SZiAuA/jquery.rar.html 

Answer 1

öncelikle unutmamanız gereken jquery referansı en üstte olmalı; yani;

<script src="~/Scripts/jquery2.0.3.min.js"></script>
.
.
diğer jquery kodları buraya

View ' lerinizden layout'taki Scripts isimli sectionun olduğu yere scriptleri yazmak için ise;

@section Scripts{

  <script>
    $(function() {
       ....
    });
  </script>

}

gibi kullanın.

Birde jquery'nin çok eski versiyonunu kullanmışsınız NuGet ile jquery 2.0.3 versiyonunu kurun 

 ben prokenizdeki scriptleri çalıştırdım

---

e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

Answer 2

Öncelikle cevap verdiğiniz için teşekkür ederim.

Son sürümü indirdim.O şekilde de projem de çağırdım.

Bu kodu Layout'a yazdım : 

<script src="@Url.Content("~/Scripts/jquery-2.0.3.min.js")"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.10.3.min.js")" ></script>  
<link href="@Url.Content("~/Content/ui-lightness/jquery-ui-1.8.16.custom.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

@section Scripts{

  <script>
      $(function() {
          $(document).ready(function () {
              $("#ornek1").html("Kodlab yayınları MVC 3");
              $("#txtOrnek").val("deneme");
          })

          $(document).ready(function () {
              $(".sari").css("background-color", "yellow");
              $(".kirmizi").css("color", "red");
              $("input[type='submit']").click(function () {
                  $("div").hide("slow");

              });
          });

          $(document).ready(function () {

              $("a[href='http://www.google.com']").css("color", "green");
              $("a[href^='ftp://']").css("color", "red");
              $("a[href$='net']").css("color", "blue");
              $("a[href*='jquery']").css("color", "#636363");
          });



          $(function () {
              $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' });
              $("#dvaccordion").accordion();
              $("#dvdialog").dialog({
                  autoOpen: false,
                  show: "blind",
                  hide: "explode"
              });

              $("#btnAc").click(function () {
                  $("#dvdialog").dialog("open");
                  return false;
              });

              $("#tabs").tabs();
          });
      });
  </script>

}

bu kodu da View sayfamın en üstüne yazdım. Fakat değişen hiç bir şey olmadı.Sanırım çok ufak bir yeri atlıyorum.