none
MVC-4 jquery uı RRS feed

Tüm Yanıtlar

  • ö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
    MCC




    13 Ağustos 2013 Salı 15:27
    Moderatör
  • Ö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. 

    13 Ağustos 2013 Salı 19:13