Accordion Stopped working after Ajax fire

  • Resolved rdesk

    (@rdesk)


    5 years, 7 months ago

    I created a paginated query with the ajax pagination. In the page, it contains a list using accordion shortcode. It works fine in page load, but when I go to page 2 (which is done with ajax), the accordion shortcode doesn’t work anymore. I guess I need to re-run accordion shortcode jquery after the ajax firing (due to pagination change) but I don’t know how to do it.

    I managed to accomplish this similar issue but with a fancybox instead of accordion shortcode .

    The code I used with fancybox is below:

    <script type="text/javascript">
    (function($) {
     $(document).ajaxComplete(function( event, xhr, settings ) {
		easy_fancybox_handler();
	});
    })(jQuery);
</script>

    I think I just need to know what to use in replace to easy_fancybox_handler(); in the code above.

    Please help.

    Thanks

Viewing 1 replies (of 1 total)
  • Thread Starter rdesk

    (@rdesk)

    I looks like I fixed it with the code below

    <script type="text/javascript">
    (function($) {
     $(document).ajaxComplete(function( event, xhr, settings ) {
		for (var i = 0; i < accordionShortcodesSettings.length; i += 1) {
			settings = accordionShortcodesSettings[i];

			$('#' + settings.id).accordionShortcodes(settings);
		}
	});
    })(jQuery);
</script>
Viewing 1 replies (of 1 total)
  • The topic ‘Accordion Stopped working after Ajax fire’ is closed to new replies.