включить событие jquery click на основе условий PHP

Question

включить событие jquery click на основе условий PHP

Я пытаюсь отредактировать шаблон WordPress для мульти-видео страницы. Для воспроизведения видео можно щелкнуть каждый элемент видео, однако я хочу, чтобы событие щелчка включалось ТОЛЬКО, если определена ссылка (в шорткодах WordPress). Вы можете увидеть пример видео страницы здесь: http://madbunny.us/vixen/demo/all/dark/multi-video/

Это для веб-сайта портфолио, поэтому для меня очень важно иметь изображение в виде элемента, но без видео, если нет ссылки.

ОБНОВИТЬ:
После того, как я настроил его на основе ответа Джея Хьюитта, он делает то, что я хочу, но он представил новую проблему, он может перейти к следующему видео, но не вернется к предыдущему видео, в котором нет 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);
}
});
});

1

click events jquery php wordpress

Решение

Другие решения

установить переменные в php примерно так:

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

Вы можете проверить в своем скрипте определенную переменную.

В противном случае, если вы не хотите определять глобальную переменную, вы можете добавить data-приписать .multivideo-center-play-btn, .multivideo-preview элемент,
и проверить это с
jQuery( this ).data( 'enabled' )

0

Источник

Accepted Answer

Что такое переменная $ content? Похоже, он будет использовать эту одну переменную для всех привязок.

Если это просто 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);
}
});
});

0