Question

我正在尝试为多视频页面编辑wordpress模板。可以单击每个视频项目来播放视频，但是如果定义了链接（在wordpress短代码中），我希望仅启用该点击事件。您可以在此处查看视频页面的示例：http://madbunny.us/vixen/demo/all/dark/multi-video/

这是针对投资组合网站的，因此如果没有链接，将图片保留为项目，但没有视频对我来说非常重要。

更新：根据Jay Hewitt的回复调整后，它做了我想要的，但它引入了一个新问题，它可以转到下一个视频，但不会回到之前的视频＃＆＃ 39; t有一个url（单击事件已禁用）。

jQuery('.multivideo-center-play-btn, .multivideo-preview').each(function(){
    var _self = jQuery(this);
    _self.bind('click',function(){
        if(_self.parent().find(".hidden-url").text() != ""){
            var $vid = jQuery(this).parent();
            if ($vid.hasClass('active') || isAMobile)playVideo($vid);
            else moveToVideo($vid);    
        }
    });
});

Answer 1

在php中设置变量，如下所示：

<?php
    if( $content ) {
        echo '<script>
                  var multivideo = true;
              </script>';
    }
?>

您可以在脚本中检查已定义的变量。

其他，如果您不想定义全局变量，可以将data - 属性添加到.multivideo-center-play-btn, .multivideo-preview元素，
并检查它 jQuery( this ).data( 'enabled' )

Answer 2

什么是$ content变量？看起来它将为所有绑定使用该变量。

如果它只是在hidden-url div中设置的URL，那么您希望将绑定添加到符合条件的每个选择器。

jQuery('.multivideo-center-play-btn, .multivideo-preview').each(function(){
    var _self = jQuery(this);
    var $vid = jQuery(this).parent();
    _self.bind('click',function(){
        if(_self.parent().find(".hidden-url").text() != ""){
            if ($vid.hasClass('active') || isAMobile){
                playVideo($vid);
            } else {
                moveToVideo($vid);
            }
        } else {
            moveToVideo($vid);
        }
    });
});

根据PHP条件启用jquery click事件

2 个答案: