Метод trigger

Метод trigger элементга боғланган барча воқелар ишловчиларини белгиланган турдаги воқелар учун ишга тушириш имконини беради. У функция-ишловчиларни фойдаланувчи томонидан чақириладиган тартибда чақиради. Агар сиз воқелар ишловчисини чақирмоқчи бўлсангиз, лекин стандарт воқеани бажармоқчи бўлмасангиз, у ҳолда методдан фойдаланинг triggerHandler.

Синтаксис

Биринчи параметр сифатида биз воқеа турини сатр кўринишида, иккинчи (ихтиёрий) қўшимча параметрларни ўтказиш учун массив ёки объект кўринишида беришимиз мумкин:

javascript$(селектор).trigger(воқеа тури, [қўшимча параметрлар]);

Биринчи параметр сифатида воқеани jQuery.Event объекти кўринишида ўтказиш мумкин:

javascript$(селектор).trigger(воқеа, [қўшимча параметрлар]);

trigger методуга қўшимча параметрларни ўтказиш ва методга маълумотларни ўтказиш ўртасида фарқ бор on. Биринчи ҳолда маълумотлар воқеа бажарилган пайтда аникланган бўлиши керак, иккинчисида эса аллақачон функция-ишловчини боғлаш пайтида.

Мисол

#first тугмаси босилганда қиймат фақат биринчи спанда ўсади, #second тугмаси босилганда - иккисида ҳам, бу ҳолда биринчисида фойдаланувчи кликни таклид қилади. Функция increase ўзига параметр сифатида берилган сонни 1 га оширади. trigger методи ёрдамида биз #second тугмаси босилганда ҳам биринчи спанда клик воқеаси ишлашига сабаб бўламиз:

html<button id="first">button1</button>
<button id="second">button2</button>
<div><span>0</span></div>
<div><span>0</span></div>

cssbutton {
  margin: 10px;
}

div {
  margin-left: 10px;
  font-weight: bold;
}

span {
  color: green;
}

javascript$('#first').click(function() {
  increase($('span').first());
});

$('#second').click(function() {
  $('#first').trigger('click');
  increase($('span').last());
});

function increase(str) {
  let num = parseInt(str.text(), 10);
  num.text(num + 1);
}

Шунингдек қаранг