jQuery ile Event İşlemleri - One Fonksiyonu - JQuery

jQuery ile Event İşlemleri - One Fonksiyonu

16.06.2012Okunma Sayısı: 6385Kategori: JQuery

Bu makalemizde jQuery ile event atama işlemlerinden one fonksiyonunu inceleyelim.

One fonksiyonu, yapılması istenen eventın bir kere gerçekleşeceğini, sayfa yeniden yüklenmediği sürece bir daha gerçekleşmeyeceğini belirtir.

Örnek uygulamamızda butonumuzun click eventına ilk tıklandığında uyarı mesajını göstermesini, sonraki tıklamalarında tepkisiz kalmasını sağlayacağız.

 
<html>
            <head>
                        <title></title>
                        <script src="jquery-1.5.1.js"></script>
                        <script type="text/javascript">
                                   $(document).ready(function(){
                function KisiBilgi(e){
                    alert(e.data.ad + " " + e.data.soyad);
                }
                                               $("button:first").one("click", {
                                                           ad: "Veysel Uğur",
                                                           soyad: "Kızmaz"
                                               }, KisiBilgi);
                                   });
                        </script>
            </head>
            <body>
                        <button>Tıkla</button>
            </body>
</html>

<html>
            <head>
                        <title></title>
                        <script src="jquery-1.5.1.js"></script>
                        <script type="text/javascript">
                                   $(document).ready(function(){
                function KisiBilgi(e){
                    alert(e.data.ad + " " + e.data.soyad);
                }
                                               $("button:first").one("click", {
                                                           ad: "Veysel Uğur",
                                                           soyad: "Kızmaz"
                                               }, KisiBilgi);
                                   });
                        </script>
            </head>
            <body>
                        <button>Tıkla</button>
            </body>
</html>

function KisiBilgi(e){} fonksiyonu, eventta çalıştırılacak fonksiyon olarak belirleyeceğiz..
e.data.ad parametre olarak aldığımız değerin ad özelliğini getirir.
e.data.soyad parametre olarak aldığımız değerin soyad özelliğini getirir.
$("button:first").one("click”,{ad=””,soyad=””},KisiBilgi) buton’da ilk “click” işlemi gerçekleştirildiğinde parametre olarak gönderilen değerler {} içinde belirtilip, ikinci parametre olarak fonksiyonumuzun adı gönderilir.
Butona tıklandığında ekranda “Veysel Uğur Kızmaz” uyarısı gelmektedir.

Veysel Uğur KIZMAZ

Bilgisayar Mühendisi

veysel@ugurkizmaz.com