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

Question

我正在开发一个在页面之间切换时严重依赖 AJAX 的网站。这是一个使用 RoyalSlider 图像幻灯片插件的 WordPress 网站。您通过该插件创建幻灯片，然后在帖子中添加相关的短代码。短代码将自动生成初始化 slider 的 jQuery，但它将其绑定(bind)到文档就绪事件，当通过 ajax 加载新页面时，该事件不会触发。我知道在 AJAX 调用中在哪里初始化 slider ，但这不会让我加载插件中定义的 slider 选项。

正确的 jQuery 代码(包括选项)确实在 HTML 中创建。

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

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

我知道我可以像这样获取代码:

$('#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);