根据 PHP 条件启用 jquery 点击事件

Question

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

这是一个投资组合网站，所以如果没有 link。

更新：我根据Jay Hewitt的回复调整后，它做了我想要的，但它引入了一个新问题，它可以转到下一个视频，但不会回到没有[=22的上一个视频=]（禁用点击事件）。

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>';
    }
?>

那个，你可以在你的脚本中检查定义的变量。

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

Answer 2

什么是 $content 变量？看起来它会将那个变量用于所有绑定。

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

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 点击事件

enable jquery click event based on PHP conditions

php

wordpress

jquery

events

click