ajax - 将数组动态加载到脚本标签中

Question

我目前在网站上使用一个名为 supersized 的全屏图像滑块，它在脚本标签中引用图像和相关的附加内容，如下所示：

<script type="text/javascript">
    jQuery(function($){
        $.supersized({

            // Functionality
            property_1   :   value,     
            property_2   :   value,     

            slides       :   [
            {image :'http://image1.jpg', title :'Name1', url :'1.html'},
            {image :'http://image2.jpg', title :'Name2', url :'2.html'},
            {image :'http://image3.jpg', title :'Name3', url :'3.html'},
            ],

            // Options             
            option_1     :   value,
            option_1     :   value
        });
    });
</script>

非常棒的是，能够通过 ajax（首选 jquery，但 vanilla js 很好）动态加载一个新的图像数组及其相关的附加内容。这可能吗？如果是这样，我一直在努力寻找任何解释如何的资源。

Answer 1

看来您需要自己编写此类功能。

查看插件作者在 FAQ 中写的内容：http ://www.buildinternet.com/project/supersized/faq.html#q-4

Can I load different sets of slides without reloading the page?
This is a feature I am looking to develop out in the future. If you're hurting for it in the meantime, you can hire me for custom work.

如果您只需要一组由 AJAX 加载的幻灯片，您可以这样编码：

jQuery(function($){
  $.ajax({
    url: "URL"
  }).done(function ( data ) {
    $.supersized({

        // Functionality
        property_1   :   value,     
        property_2   :   value,     

        slides       :  data.slides,

        // Options             
        option_1     :   value,
        option_1     :   value
    });
  });
});