Почему это не работает?

Использование cuepoint.js ; Вы можете определить ключевые точки в видео html5. Но; Хотелось бы; Кроме того, отобразите #div при нажатии. И ТОЛЬКО на клике. Как только видео возобновится; или изображение кликнуло снова; видео возобновится, и #div исчезнет !!!!

   #playdiv1 {
        display: none;
    }

$('#1').click(function() { 
  cuepoint.setTime(1)();
  $("playdiv1").style.display = "block"; // Why wont this work?
});

Этот div должен показываться вместе с очередью:

<div id="playdiv1" style="min-height: 300px; min-width: 500px; display: hidden;">

</div>

Библиотека в справочнике; http://cuepoint.org/

ПОЛНЫЙ КОД ~ http://pastebin.com/HG0wVVaK

Это не имеет смысла. время ключевой точки; работает..

$('#1').click(function(){ 
  cuepoint.setTime(0)();

Но когда я добавляю '$ (' # playdiv1 '). show ();' прямо под ним. Это не работает?

$('#1').click(function(){ 
  cuepoint.setTime(0)();
  $('#playdiv1').show();
});
0
emilio estevez 25 Янв 2013 в 00:08

3 ответа

Лучший ответ

Переключение порядка каким-то образом сработало;

$('#1').click(function(){ 
  $('#playdiv1').show();
   cuepoint.setTime(0)(); // Having this at the bottom; or after the show.
});
0
emilio estevez 24 Янв 2013 в 21:55

Поскольку у вас есть CSS, скрывающий playdiv1, вам не нужно отображать объявление, встроенное в ваш HTML, поэтому удалите это -

<div id="playdiv1" style="min-height: 300px; min-width: 500px;">

И измените JQuery на

$('#playdiv1').show();
0
Jay Blanchard 24 Янв 2013 в 20:18

Вы можете использовать это ...

$('#1').on('click', function() { 
  cuepoint.setTime(1)();
  $("#playdiv1").show();
});

И удалите display: hidden; свойства стиля в теге <div> ...

0
MG_Bautista 24 Янв 2013 в 20:26