如何將未定義列表插入jquery中？

Question

我正在使用jquery腳本在桌面和移動設備上顯示主頁上的視頻。我試圖用滑塊替換手機的單個圖像，而不是更多的圖像。滑塊標記爲ul列表形式。你可以在jQuery腳本的片段看到手機圖像（header_video_image.jpg）下面的線＃9

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     var BV = new $.BigVideo({ 
          container:$('#top-images'), 
          controls:false 
         }); 
     BV.init(); 
if (Modernizr.touch) { 
BV.show("{{ 'header_video_image.jpg' | asset_url }}"); 
} else { 
     BV.show([ 
      { type: "video/mp4", src: "/assets/home-video.mp4" }, 
      { type: "video/webm", src: "/assets/home-video.webm" }, 
      { type: "video/ogg", src: "/assets/home-video.ogv" } 
     ],{doLoop:true}); 
} 
    }); 
</script> 

我想用下面的UL列表替換header_video_image.jpg：

<ul class="rslides" id="slider1"> 
    <li><img src="img/qz3b0o.jpg" alt=""></li> 
    <li><img src="img/2e54mc0.jpg" alt=""></li> 
    <li><img src="img/qz3b0o.jpg" alt=""></li> 
</ul> 

是它可能？

Answer 1

嘗試這樣：

<script type="text/javascript"> 
jQuery(document).ready(function(){ 
    var BV = new $.BigVideo({ 
         container:$('#top-images'), 
         controls:false 
        }); 
    BV.init(); 
    if (Modernizr.touch) { 

     // BV.show("{{ 'header_video_image.jpg' | asset_url }}"); 

     var mobileSlider = '<ul class="rslides hide" id="slider1">'; 
     mobileSlider += '<li><img src="img/qz3b0o.jpg" alt=""></li>'; 
     mobileSlider += '<li><img src="img/2e54mc0.jpg" alt=""></li>'; 
     mobileSlider += '<li><img src="img/qz3b0o.jpg" alt=""></li>'; 
     mobileSlider += '</ul>'; 

     BV.show(100, function() {$(this).html(mobileSlider);}); 

    } else { 
      BV.show([ 
       { type: "video/mp4", src: "/assets/home-video.mp4" }, 
       { type: "video/webm", src: "/assets/home-video.webm" }, 
       { type: "video/ogg", src: "/assets/home-video.ogv" } 
      ],{doLoop:true}); 
    } 
});