mirror of
https://github.com/bigskysoftware/htmx.git
synced 2025-09-27 04:50:43 +00:00
Add missing htmx:trigger event on load triggers (#3033)
This commit is contained in:
parent
5ab508f652
commit
bd35f64cf7
@ -2556,6 +2556,7 @@ var htmx = (function() {
|
||||
const load = function() {
|
||||
if (!nodeData.loaded) {
|
||||
nodeData.loaded = true
|
||||
triggerEvent(elt, 'htmx:trigger')
|
||||
handler(elt)
|
||||
}
|
||||
}
|
||||
|
@ -1043,6 +1043,28 @@ describe('hx-trigger attribute', function() {
|
||||
}, 50)
|
||||
})
|
||||
|
||||
it('fires the htmx:trigger event when the trigger is a load', function(done) {
|
||||
this.server.respondWith(
|
||||
'GET',
|
||||
'/test',
|
||||
'<div hx-trigger="load delay:50ms" hx-on::trigger="this.innerText = \'Done\'">Response</div>'
|
||||
)
|
||||
|
||||
var div = make('<div hx-get="/test">Submit</div>')
|
||||
div.click()
|
||||
this.server.respond()
|
||||
var response = div.children[0]
|
||||
response.innerText.should.equal('Response')
|
||||
|
||||
setTimeout(function() {
|
||||
try {
|
||||
response.innerText.should.equal('Done')
|
||||
done()
|
||||
} finally {
|
||||
}
|
||||
}, 100)
|
||||
})
|
||||
|
||||
it('filters support "this" reference to the current element', function() {
|
||||
this.server.respondWith('GET', '/test', 'Called!')
|
||||
var form = make('<form hx-get="/test" hx-trigger="click[this.classList.contains(\'bar\')]">Not Called</form>')
|
||||
|
Loading…
x
Reference in New Issue
Block a user