Question

我正在使用带有Jquery UI手风琴的Anything Slider，当我将幻灯片附加到手风琴中时出现问题：

$( "#accordion" ).accordion({
    active: false,
    collapsible: true,
    heightStyle: "content",
    change: function(event, ui) {
        var active = $("#accordion").accordion('option','active');
        switch(active){
            case 0:
                $("#slider1").append('<li class="panel1"><iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>');
                $("#slider1").append('<li class="panel2"><iframe src="http://player.vimeo.com/video/12280336?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>');
                $('#slider1').anythingSlider();
                ...

当我浏览幻灯片时，停止工作的事情会暂停（当您在下一张幻灯片中时，视频会在后台播放）

如果我用HTML编写幻灯片，暂停工作正常：

<ul id="slider1">   <!-- START AnythingSlider -->
    <li class="panel1"><iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>
    <li class="panel2"><iframe src="http://player.vimeo.com/video/12280336?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe></li>
</ul> <!-- END AnythingSlider -->

我希望我明确表示，任何帮助都会得到最大程度的支持，谢谢！

Answer 1

感谢信息，btw经过多次搜索后我遇到了（'＃id'）。anythingSliderVideo（）;并在（'＃id'）之后调用.anysSlider（）;实际上有效！

但我必须将追加部分更改为：

$("#panel1").append('<iframe src="http://player.vimeo.com/video/18011143?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe>');
$("#panel2").append('<iframe src="http://player.vimeo.com/video/12280336?title=0&amp;byline=0&amp;portrait=0" width="600" height="338" frameborder="0"></iframe>');

并输入：

<li class="panel1"></li>
<li class="panel2"></li>

直接到html ...

我不知道这是否是最佳的，但它对我有用。

就是这样，干杯！

Answer 2

现在，AnythingSlider的视频扩展程序不支持动态地将视频添加到滑块。我将来会考虑添加这个功能，但我没有太多时间重写该扩展。对不起=（

如果附加了视频，任何滑块，手风琴，Vimeo都不会暂停滑动

2 个答案: