如何从HTML中提取jQuery代码并执行？

Question

我在一个网站上工作，它严重依赖AJAX，同时在页面之间切换。它是一个使用RoyalSlider图像幻灯片插件的WordPress站点。您可以通过插件创建幻灯片，然后在帖子中添加相关的快捷代码。短代码将自动生成初始化滑块的jQuery，但它将其绑定到document-ready事件，该事件不会在通过ajax加载新页面时触发。我知道在AJAX调用中在哪里初始化滑块，只是这不会让我加载插件中定义的滑块选项。

正确的jQuery代码(包括选项)确实会在超文本标记语言中创建。

<script id="new-royalslider-init-code" type="text/javascript">
...
</script>

如何提取此jQuery代码，并使用此脚本标记中的代码手动初始化滑块？

我知道我可以像这样抓取代码：

$('#new-royalslider-init-code').html()

但我不知道我该怎么做。以下是脚本标记的示例：

<script id="new-royalslider-init-code" type="text/javascript">
    jQuery(document).ready(function($) {
      $('.new-royalslider-2').royalSlider({...OPTIONS...});
    });
</script>

任何帮助都将不胜感激。谢谢!

Answer 1

试试这个：

var a = 'alert(1)';
eval(a);

Answer 2

这样做：-

$(window).load(function() { 
    alert($("#new-royalslider-init-code").html());
});

参考