jQuery условная кнопка

Question

У меня есть кнопка, в которой мне нужно применить класс, если значение, полученное из базы данных, пустое. Я думаю, что есть что-то не так с моим синтаксисом в следующем коде:

$(document).ready(function(e) { 
    var videoURL = '<?php echo $row_rs_dealItem['video']; ?>'; 
    if ($videoURL == "") { 
     $('#video').addClass('invisible'); 
    } 
    else { 
     $('#video').click(function(e) { 
      $('#imageMain').html('<iframe class="youtube-player" type="text/html" width="435" height="244" src="' + videoURL + '" frameborder="0"></iframe>'); 
      $('.featuredOverlay').hide(); 
     }); 
    }); 
});​ 

Answer 1

Если есть существующий класс, который нужно использовать removeClass первой или попробовать toggleClass.

Answer 2

Не должно быть, если (videoURL == "") вы добавили знак доллара, который является соглашением jquery для «это инкапсулированный объект jQuery», но такой переменной не существует.

Answer 3

Вы объявили переменную как 'videoURL'

var videoURL 

, а затем вы пытаетесь сравнить с $ до того 'videoURL'

if ($videoURL == "") 

Answer 4

videoURL не элемент JQuery так, изменение $ videoURL в videoURL ,

Попробуйте принуждая содержание PHP или использовать console.log для отладки данных

var videoURL = "a string"; 
console.log(videoURL); 

https://jsfiddle.net/ex3ntia/qmemmkp4/1/