3

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

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

<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>

任何帮助，将不胜感激。谢谢！

4

2 回答 2

3

试试这个：

var a = 'alert(1)';
eval(a);
于 2013-03-18T14:51:59.220 回答
0

这样做： -

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

参考现场演示

于 2013-03-18T14:59:09.277 回答