How to reinit lightbox script (fancybox) on course status pages loaded via ajax

Last updated on by rumitru

Tagged: ajax, Course status, fancybox, lightbox, reinit

This topic has 4 replies, 2 voices, and was last updated 7 years, 10 months ago by H.K. Latiyan.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
January 17, 2017 at 8:19 am #90304

rumitru
Participant

In course status pages, if user open second time some unit (by clicking on next/previous buttons or via course curriculum) and it's loading via ajax, the fancybox on images not working (the same problem with any other lightbox script). I think i need reinitialize fancybox when ajax request is succcess, for example:
ajax: { success: function(content) { this.set('content.text', content); // Fancybox call } }
but i can't find in which file i must do this changes. Can anyone help me?

January 17, 2017 at 2:35 pm #90419

rumitru
Participant

Perhaps, you don't undestand what i mean (sorry for my english). See screencast, please: http://screencast-o-matic.com/watch/cbVb2vQGuw

January 18, 2017 at 11:19 am #90586

H.K. Latiyan
Participant

You can simply add the js for it in the unit_traverse, refer: https://wplms.io/support/knowledge-base/run-custom-actions-on-unit-load/ Add the js inside the code and add the code in your custom js file or add it in the script tags in the wplms->footer->google analytics code.

January 18, 2017 at 1:03 pm #90632

rumitru
Participant

Thanks! It works!!!

January 18, 2017 at 1:53 pm #90667

H.K. Latiyan
Participant

Thanks for the update, so closing the topic.
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to reinit lightbox script (fancybox) on course status pages loaded via ajax’ is closed to new replies.