Question

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

确实在HTML中创建了正确的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());
});

参考 LIVE DEMO

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

2 个答案: