如何從HTML中提取jQuery代碼並執行它？

我在一個網站上工作，這個網站在頁面之間切換時嚴重依賴於AJAX。這是一個使用RoyalSlider圖片幻燈片插件的WordPress網站。您可以通過插件創建幻燈片，然後在帖子中添加相關的簡碼。簡碼會自動生成初始化滑塊的jQuery，但它會將其綁定到文檔就緒事件，當通過ajax加載新頁面時，該事件不會觸發。我知道在我的AJAX調用中初始化滑塊的位置，但這不會讓我加載插件中定義的滑塊選項。如何從HTML中提取jQuery代碼並執行它？

正確的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>

任何幫助，將不勝感激。謝謝！

來源

2013-03-18 pmandell

試試這個：

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

來源

2013-03-18 14:51:59 Sergio

做到這一點的方法： -

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

參考LIVE DEMO

來源

2013-03-18 14:59:09

如何從HTML中提取jQuery代碼並執行它？

回答

相關問題