1

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

私はそれを明確にしたことを願っています、どんな助けも最も感謝します、ありがとう!

4

2 に答える 2

1

情報をありがとう、ところでもっと検索した後、私は出会いました ('#id').anythingSliderVideo(); ('#id').anythingSlider(); の後に呼び出します。実際に動作します！

しかし、追加部分を次のように変更する必要がありました。

$("#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に...

これが最適かどうかはわかりませんが、私にとってはうまくいきます。

それでは、乾杯！

于 2012-11-03T15:58:26.390 に答える
0

現在、AnythingSlider のビデオ拡張機能は、ビデオをスライダーに動的に追加することをサポートしていません。将来、この機能を追加することを検討しますが、その拡張機能を書き直す時間はあまりありませんでした。ごめんなさい=(

于 2012-11-03T13:57:40.763 に答える