在AJAX请求之后从Wordpress插件加载JS和CSS

时间:2019-02-24 13:36:06

标签: php ajax wordpress history.js

我正在使用History.jsAjaxify刷新Wordpress网站上的内容。一切正常。所选div中的内容会刷新,菜单更新等。

但是,如果我进入页面,则不会加载插件中的Javascript和CSS文件,通常该页面会使用wp_enqueue_script(例如WP-Forms)加载其所需文件。如果我重新加载这些网站,它将起作用。

示例:我在首页上,并使用菜单链接导航到另一页,其中联系表单为(WP-Forms)。内容会刷新,所需的脚本和样式表将不会加载。

我是一个初学者,但是我想这两个功能应该可以处理此请求?但是它们显然不能正常工作...

// Fetch the scripts
$scripts = $dataContent.find('.document-script');
    if ( $scripts.length ) {
    $scripts.detach();
 }

...

// Add the scripts
$scripts.each(function(){
    var $script = $(this), scriptText = $script.text(), scriptNode = document.createElement('script');
    if ( $script.attr('src') ) {
        if ( !$script[0].async ) { scriptNode.async = false; }
        scriptNode.src = $script.attr('src');
    }
        scriptNode.appendChild(document.createTextNode(scriptText));
    contentNode.appendChild(scriptNode);
});

所以我的问题是: 我该如何有条件地加载这些JS和CSS插件文件,而不使用wp_enqueue_script将它们全部添加到我的functions.php中?

我尝试了this

jQuery( document.body ).trigger( 'post-load' );

关于ajax.success,但它什么也没做。

谢谢您的帮助。

0 个答案:

没有答案