<\/div>\n

\u00d6nceki yaz\u0131lar\u0131mdan JQuery – Ready() Fonksiyonu<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131mda Ready fonksiyonuna de\u011finmi\u015ftik.Hat\u0131rlarsan\u0131z e\u011fer Ready fonksiyonu sayfa yani document y\u00fcklenir y\u00fcklenmez devreye giren bir fonksiyondu.Hatta bu fonksiyonu Asp.NET’te ki Page_Load metoduna benzetmi\u015ftik.holdReady fonksiyonu ile Ready fonksiyonunu tutabiliyoruz ya da devam etmesini sa\u011flayabiliyoruz.Daha anla\u015f\u0131l\u0131r \u015fekilde Ready fonksiyonunun i\u015fleyi\u015fini durdurup ba\u015flatabiliyoruz.\u015eimdi gelin holdReady fonksiyonunu detayl\u0131ca inceleyelim.
\n
\nNeden holdReady() fonksiyonunu kullanma ihtiyac\u0131 hissederiz?<\/strong>
\nDocument y\u00fcklenir y\u00fcklenmez Ready fonksiyonu devreye girecektir, lakin y\u00fcklenmesi bitmeden bazen harici JavaScript dosyalar\u0131 ya da belli ba\u015fl\u0131 mod\u00fcl, eklenti dosyalar\u0131 projeye entegre edilmesi gerekebilir.B\u00f6yle durumlarda Ready fonksiyonu \u00e7al\u0131\u015f\u0131rken araya girip bu dosyalar\u0131 y\u00fckletebilir ard\u0131ndan i\u015fleyi\u015fi devam ettirebiliriz.<\/p>\n

A\u015fa\u011f\u0131da bu konuyla alakal\u0131 \u00f6rneklendirme g\u00f6receksiniz.”index.html” dosyas\u0131 i\u00e7eri\u011finde \u00e7al\u0131\u015ft\u0131r\u0131lan JQuery kodlar\u0131na “js\/harici.js” dosyas\u0131n\u0131 holdReady fonksiyonu sayesinde Ready fonksiyonu durdurularak entegre edilecek ard\u0131ndan i\u015flem devam edecektir.<\/p>\n

\r\n--- index.html ---\r\n<html>\r\n<head>\r\n<script type="text\/javascript" src="js\/jquery-2.0.2.min.js"><\/script>\r\n<\/head>\r\n<body>\r\n<script type="text\/javascript">\r\n\t$("document").ready(function()\r\n\t{\r\n\t\talert("ready fonksiyonu 1. ad\u0131mda.");\r\n\t});\r\n\r\n\t$.holdReady(true);\r\n\t\/\/Ready fonksiyonunu durdur.\r\n\t$.getScript("js\/harici.js",function()\/\/harici.js dosyas\u0131n\u0131 y\u00fckle.\r\n\t{\r\n\t\t\/*Burada harici.js dosyas\u0131 do\u011fru bir \u015fekilde y\u00fcklenirse e\u011fer\r\n\t\t  \u00f6ncelikle harici.js i\u00e7indeki komutlar sonu\u00e7lanacak ard\u0131ndan\r\n\t\t  ready fonksiyonlar\u0131 sonu\u00e7lanacakt\u0131r.*\/\r\n\t\t$.holdReady(false);\r\n\t\t\/\/Ready fonksiyonunu kald\u0131\u011f\u0131 yerden devam ettir.\r\n\t});\r\n\r\n\t$("document").ready(\r\n\tfunction()\r\n\t{\r\n\t\talert("ready fonksiyonu 2. ad\u0131mda.");\r\n\t});\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nYukar\u0131daki kodu izah etmek i\u00e7in \u00f6ncelikle “harici.js” dosyas\u0131n\u0131n i\u00e7eri\u011finide payla\u015fal\u0131m.<\/p>\n
\r\n--- harici.js ---\r\nalert("harici.js dosyas\u0131 sayfaya entegre edildi.");\r\n<\/pre>\nHer programlama dilinde oldu\u011fu gibi JQuery’de de yukar\u0131dan a\u015fa\u011f\u0131 do\u011fru bir derleme ger\u00e7ekle\u015ftirilmektedir.Sayfa y\u00fcklenirken \u00f6ncelikle ready fonksiyonu \u00e7al\u0131\u015facak ve “ready fonksiyonu 1. ad\u0131mda.” mesaj\u0131n\u0131 g\u00f6nderecektir.Ama burada dikkat etmemiz gereken husus bu mesaj g\u00f6r\u00fclmeyecektir.\u00c7\u00fcnk\u00fc holdReady fonksiyonu ile ready fonksiyonu durdurulacak ve getScript ile “harici.js” dosyas\u0131 sayfaya entegre edilecektir.Ard\u0131ndan holdReady fonksiyonu ile ready fonksiyonu kald\u0131\u011f\u0131 yerden devam ettirilip “ready fonksiyonu 2. ad\u0131mda.” mesaj\u0131 g\u00f6nderilecektir.Sonu\u00e7 olarak \u00f6ncelikle “harici.js” i\u00e7erisindeki “harici.js dosyas\u0131 sayfaya entegre edildi.” mesaj\u0131 g\u00f6r\u00fcnt\u00fclenecek, ard\u0131ndan ready fonksiyonlar\u0131 i\u00e7indeki mesajlar s\u0131ras\u0131yla gelecektir.Bunun sebebi ready fonksiyonlar\u0131 sayfa y\u00fcklenir y\u00fcklenmez sonu\u00e7 verece\u011finden dolay\u0131, araya girildi\u011finde sayfa y\u00fcklenmemi\u015f olacak o y\u00fczden g\u00f6nderilen mesajlar s\u0131rayla \u00e7\u0131kmayacakt\u0131r.getScript fonksiyonu ile entegre edilen dosya i\u00e7eri\u011fide \u00f6ncelikli okunaca\u011f\u0131 i\u00e7in \u00f6nce sonu\u00e7 verecektir.<\/p>\n
Pratik ve g\u00fczel bir fonksiyon oldu\u011funa \u015f\u00fcphe yok gibi \ud83d\ude42
\nSonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek dile\u011fiyle…
\n\u0130yi \u00e7al\u0131\u015fmalar…<\/p>\n","protected":false},"excerpt":{"rendered":"
\u00d6nceki yaz\u0131lar\u0131mdan JQuery – Ready() Fonksiyonu ba\u015fl\u0131kl\u0131 yaz\u0131mda Ready fonksiyonuna de\u011finmi\u015ftik.Hat\u0131rlarsan\u0131z e\u011fer Ready fonksiyonu sayfa yani document y\u00fcklenir y\u00fcklenmez devreye giren bir fonksiyondu.Hatta bu fonksiyonu Asp.NET’te ki Page_Load metoduna benzetmi\u015ftik.holdReady fonksiyonu ile Ready fonksiyonunu...<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[571,572,748,570],"class_list":["post-2560","post","type-post","status-publish","format-standard","hentry","category-jquery","tag-getscript","tag-holdready","tag-jquery","tag-ready"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/2560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=2560"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/2560\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=2560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=2560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=2560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}