wordpress plugin - instantiate the plugin after ajax call
Submitted by robojiannis on Mon, 02/25/2019 - 17:21
Forums:
Hi,
I've installed the h5p plugin in wordpress and i'm calling the shortcode as usual. This doesn't work on posts that are loaded via ajax, it returns an empty iframe.
I could instantiate the plugin via H5P.init(); on javascript, but H5P doesn't exist. Which script should I enqueue for it to work?
The js AJAX event:
jQuery.post(ajax_object.ajax_url, data, function(response) { $('.course-content').html(response); });
where "response" comes from this php function
function loadh5pQuiz ($postID, $section, $chapterNr, $subchapterNr) { $class = $postID . "-". $section; $h5p = '<div id="h5p-' . $class . '" class="container h5p h5p-' . $class . '">'; $h5p .= '<div class="quiz-' .$class.'">' . do_shortcode( '[h5p id="1"]') . '</div>'; $plugin = \H5P_Plugin::get_instance(); $plugin->add_settings(); $h5p .= "</div>"; echo $h5p; }
any hints?
icc
Wed, 03/06/2019 - 12:48
Permalink
There is a small guide
There is a small guide available here:
https://github.com/h5p/h5p-wordpress-plugin/issues/8