Question

我有一个视频阵列, 然后有一个与阵列相对应的缩略图列表。当你单击一个按钮时, 它需要在视频持续期间停止使用。我有它, 所以在第一次点击后, 它会关闭整个列表

$( li ,  .thumbs ).on( touchend click , function() {
    $("#myVid").on("loadeddata", function() {
        $("#bigPic").addClass("move");
        $("#MyT").fadeOut(750);
    });
    playVideo2( $(this).index() );
    $( li ,  .thumbs ).unbind();
});

如果清单上的每个项目都设置成这样:

<li rel= 1  id="first">
    <div style="top:0px;">
        <img src="graphics/filler.png" alt="" width="280" height="128" />
    </div>
</li>

存在不同的 ID 。我能不能将 < code> id 而不是 < code>.thumbs , 并且只要有 < code>unbind 或翻转 < code> < off 本身? 我知道这一定效率不高, 但我不确定该如何做。我是否使用 < code> this () ? 如果有, show ?

Answer 1

您可以使用一个全局变量来检查播放的视频。

//init
var currentlyPlaying = undefined;

在您的事件处理部分中,您将此变量设置为单击按钮的 ID 。

currentlyPlaying = $(this).attr( id );

使用此设置, 您可以先检查变量, 然后再在脚本中做任何操作。

if ( !(currentlyPlaying == $(this).attr( id )) ) {
  // your script
}

当然,也可以按照你的建议使用身份证明来解码。

$( li ,  .thumbs #  + $(this).attr( id )).unbind();

友情链接