@actualwave/jquery-events-to-dom 中文文档教程
jQuery events to DOM
侦听 jQuery 事件以将它们作为 CustomEvent 从 DOM 元素重新分派。 从模态 DOM 元素重新分发 Bootstrap 4 模态事件
import translateJQueryEventsToDOM from '@actualwave/jquery-events-to-dom';
translateJQueryEventsToDOM()(
'show.bs.modal',
'shown.bs.modal',
'hide.bs.modal',
'hidden.bs.modal'
);
这将重新分发 Bootstrap 模态 show、shown、hide 和 hidden 来自目标 DOM 元素的事件。
const modalElement = document.getElementById('my-bootstrap-modal');
modalElement.addEventListener('hidden', (event) => {
console.log('Modal is hidden now.');
});
translateJQueryEventsToDOM 接受两个可选参数
- target - DOM element to listen for jQuery events, by default
document. - jquery - jQuery instance, by default
window.$.
jQuery events to DOM
Listens for jQuery events to re-dispatch them from DOM element as CustomEvent. To redispatch Bootstrap 4 modal events from modal DOM element
import translateJQueryEventsToDOM from '@actualwave/jquery-events-to-dom';
translateJQueryEventsToDOM()(
'show.bs.modal',
'shown.bs.modal',
'hide.bs.modal',
'hidden.bs.modal'
);
This will re-dispatch bootstrap modal show, shown, hide and hidden events from target DOM element.
const modalElement = document.getElementById('my-bootstrap-modal');
modalElement.addEventListener('hidden', (event) => {
console.log('Modal is hidden now.');
});
translateJQueryEventsToDOM accepts two optional arguments
- target - DOM element to listen for jQuery events, by default
document. - jquery - jQuery instance, by default
window.$.
