متد ()trigger در جی کوئری

متد ()trigger در جی کوئری :

امروز به شما استفاده از متد ()trigger در جی کوئری را آموزش می دهیم.

از متد ()trigger به منظور فعال کردن یک رویداد خاص و رفتار پیشفرض یک رویداد برای عنصر مورد نظر استفاده می‌شود.

Syntax:

$(selector).trigger(event, param1, param2)

رویداد (Event) :

یک آیتم ضروری است که رویدادی که باید برای یک عنصر فعال شود را تعیین می‌کند.

پارامتر۱،پارامتر۲ (param1,param2) :

پارامترهای اختیاری که به کنترل کننده رویداد (Event Handler) انتقال داده می‌شوند و برای رویدادهای شخصی ساری شده مفید می‌باشند.

مثال :

See the Pen
wvwGyVp by Farazgar (@Rezash)
on CodePen.

در مثال بالا از تابع (Increase(obj برای گرفتن یک عنصر html به عنوان یک شیء و افزایش مقدار عدد درون آن بصورت نکی (یک به یک) و درنهایت استفاده از تابع ()parseInt برای تبدیل رشته به عدد صحیح استفاده کرده ایم.

function Increase(obj) {
        var text = parseInt(obj.text(), 10);
        obj.text(text + 1);
      }

از انتخاب کننده جی کوئری (jQuery selector) برای انتخاب دکمه‌ها و پیوست متد رویداد کلیک به آن که درون آن را از تابع (Increase (obj فراخوانی کرده‌ایم، استفاده می‌کنیم.

        $("#btn1").click(function(){
            Increase($(".box-1>h1"))
        })

        $("#btn2").click(function(){
            $("#btn1").trigger("click");
            Increase($(".box-2>h1"))
        })

با زدن دکمه افزایش آیتم شماره ۱ عدد آیتم شماره ۱ بصورت جدا بالا می‌رود ولی با زدن دکمه افزایش آیتم شماره ۲ اعداد هر دو آیتم با هم بصورت نکی بالا می‌رود.

از اینکه فرازگر را در این مقاله همرایی کردید از شما سپاسگذاریم.

سایت کتابخانه جی کوئری : www.jquery.com