﻿
{"id":3511,"date":"2016-02-03T02:32:12","date_gmt":"2016-02-03T02:32:12","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=3511"},"modified":"2016-02-03T02:33:11","modified_gmt":"2016-02-03T02:33:11","slug":"jquery-trigger-fonksiyonu-kullanimi","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/jquery-trigger-fonksiyonu-kullanimi\/","title":{"rendered":"jQuery trigger Fonksiyonunun Kullan\u0131m\u0131"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>jQuery mimarisinde html elemanlar\u0131na ba\u011flanan click, mousehover vs. gibi olaylar fiziksel olarak tetiklendikleri zaman \u00e7al\u0131\u015fmaktad\u0131rlar. \u00d6rnek olarak bir a(link) eleman\u0131n\u0131 baz al\u0131rsak e\u011fer, click olay\u0131 a eleman\u0131na t\u0131kland\u0131\u011f\u0131 zaman \u00e7al\u0131\u015facakt\u0131r. trigger fonksiyonu sayesinde, a eleman\u0131na tan\u0131mlanm\u0131\u015f olan click fonksiyonunu sanki a eleman\u0131na t\u0131klan\u0131yormu\u015fcas\u0131na ba\u015fka bir fonksiyon arac\u0131l\u0131\u011f\u0131yla tetikletebiliyoruz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\r\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;script src=&quot;jquery-1.12.0.min.js&quot; type=&quot;text\/javascript&quot;&gt;&lt;\/script&gt;\r\n    &lt;script&gt;\r\n        $(document).ready(function () {\r\n            $(&quot;#btnTikla&quot;).click(function () {\r\n                alert(&quot;Butona t\u0131kland\u0131&quot;);\r\n            });\r\n        });\r\n    &lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;input type=&quot;submit&quot; value=&quot;Butona T\u0131kla&quot; id=&quot;btnTikla&quot; \/&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>\u00d6rnek olarak yukar\u0131daki kod par\u00e7ac\u0131\u011f\u0131n\u0131 baz al\u0131rsak e\u011fer, butona t\u0131kland\u0131\u011f\u0131 zaman ilgili click fonksiyonu tetiklecek ve mesaj kutusu kullan\u0131c\u0131ya g\u00f6sterilecektir. Tabi bu i\u015flemin cereyan etmesi i\u00e7in butona fiziksel olarak t\u0131klanmas\u0131 gerekecektir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\r\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;script src=&quot;jquery-1.12.0.min.js&quot; type=&quot;text\/javascript&quot;&gt;&lt;\/script&gt;\r\n    &lt;script&gt;\r\n        $(document).ready(function () {\r\n            $(&quot;#linkAc&quot;).click(function () {\r\n                alert(&quot;Linke t\u0131kland\u0131&quot;);\r\n            });\r\n        });\r\n    &lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;a href=&quot;http:\/\/www.gencayyildiz.com&quot; target=&quot;_blank&quot; id=&quot;linkAc&quot;&gt;Sayfay\u0131 A\u00e7&lt;\/a&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>Ya da bir \u00f6nceki \u00f6rne\u011fimizde bahsetti\u011fimiz durumu, yukar\u0131da da \u00f6rneklendirebiliriz.<\/p>\n<p>trigger komu sayesinde bizler farkl\u0131 tetiklenmeler s\u00fcrecinde, farkl\u0131 olaylar\u0131da fiziksel tetiklenmi\u015fcesine i\u015fleve sokabiliyoruz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\r\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;script src=&quot;jquery-1.12.0.min.js&quot; type=&quot;text\/javascript&quot;&gt;&lt;\/script&gt;\r\n    &lt;script&gt;\r\n        $(document).ready(function () {\r\n            $(&quot;#btnTikla&quot;).click(function () {\r\n                alert(&quot;Butona t\u0131kland\u0131&quot;);\r\n            });\r\n            $(&quot;#btnTikla&quot;).trigger(&quot;click&quot;);\r\n        });\r\n    &lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;input type=&quot;submit&quot; value=&quot;Butona T\u0131kla&quot; id=&quot;btnTikla&quot; \/&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>Buton \u00f6rne\u011fimizde yapm\u0131\u015f oldu\u011fum g\u00fcncellemeyi incelersek e\u011fer, sayfa y\u00fcklenirken trigger sayesinde butona ba\u011flanm\u0131\u015f click fonksiyonunu \u00e7a\u011f\u0131r\u0131yoruz. \u0130\u015fte bu hamle neticesinde sanki butona t\u0131klam\u0131\u015f\u0131z gibi ilgili mesaj ekranda g\u00f6sterilecektir.<\/p>\n<p>Ayn\u0131 mant\u0131kla di\u011fer \u00f6rne\u011fimizide g\u00fcncelleyelim.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n&lt;!DOCTYPE html PUBLIC &quot;-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN&quot; &quot;http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd&quot;&gt;\r\n&lt;html xmlns=&quot;http:\/\/www.w3.org\/1999\/xhtml&quot;&gt;\r\n&lt;head&gt;\r\n    &lt;script src=&quot;jquery-1.12.0.min.js&quot; type=&quot;text\/javascript&quot;&gt;&lt;\/script&gt;\r\n    &lt;script&gt;\r\n        $(document).ready(function () {\r\n            $(&quot;#linkAc&quot;).click(function () {\r\n                alert(&quot;Linke t\u0131kland\u0131&quot;);\r\n            });\r\n            $(&quot;#btnTikla&quot;).trigger(&quot;click&quot;);\r\n        });\r\n    &lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n    &lt;a href=&quot;http:\/\/www.gencayyildiz.com&quot; target=&quot;_blank&quot; id=&quot;linkAc&quot;&gt;Sayfay\u0131 A\u00e7&lt;\/a&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>Evet, g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi trigger fonksiyonu arac\u0131l\u0131\u011f\u0131yla farkl\u0131 fonksiyonlar\u0131 rahatl\u0131kla tetikleyebiliyoruz.<\/p>\n<p>\u0130yi \u00e7al\u0131\u015fmalar dilerim&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>jQuery mimarisinde html elemanlar\u0131na ba\u011flanan click, mousehover vs. gibi olaylar fiziksel olarak tetiklendikleri zaman \u00e7al\u0131\u015fmaktad\u0131rlar. \u00d6rnek olarak bir a(link) eleman\u0131n\u0131 baz al\u0131rsak e\u011fer, click olay\u0131 a eleman\u0131na t\u0131kland\u0131\u011f\u0131 zaman \u00e7al\u0131\u015facakt\u0131r. trigger fonksiyonu sayesinde, a&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":3401,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,19],"tags":[265,748,350],"class_list":["post-3511","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-jquery","tag-javascript-2","tag-jquery","tag-trigger"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3511","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=3511"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3511\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3401"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3511"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3511"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3511"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}