Question

我开发了一个Wordpress网站，可以使用.load函数动态加载页面。

我已经安装了一些我需要工作的插件，没有替代品。我的问题是这些插件在加载到div#content时依赖于JavaScript（AJAX联系表单和照片库）所需的JavaScript不会在动态加载的内容上执行。

正常的解决方案是加载我需要的JavaScript页面，但由于这是通过Wordpress完成的，<script>标记由插件放在<head>中。我考虑过的另一个解决方案是使用jQuery的$.getScript，但是由于JS已经在头部，这将导致冲突。我真的被困在下一步去哪里。

任何帮助赞赏的人。

Answer 1

为什么不使用.load()方法的“完整”回调来将插件实例化为添加的元素？

 .load( url [, data] [, complete(responseText, textStatus, XMLHttpRequest)] )  

 url: A string containing the URL to which the request is sent.    
 data: A map or string that is sent to the server with the request.    
 complete(responseText, textStatus, XMLHttpRequest): A callback function that is executed when the request completes.

用途是：

$('#insertIntoThis').load('url', function(data, status, xhr) {
    // instantiate here
    // $('#myelement').myPlugin();
});

jQuery在动态加载的HTML上执行JavaScript

1 个答案: