单击cuepoint显示div

Question

为什么这不起作用？

使用 cuepoint.js ;你可以在html5视频中定义提示点。 但;我想;另外在点击时显示#div。并且只有点击。 视频恢复后;或者再次点击图像;视频恢复，＃div将消失 !!!!

   #playdiv1 {
        display: none;
    }

---

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

---

这个div应该与que一起显示：

<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();
});

Answer 1

你的选择器错了。

您的代码$("playdiv1")与<playdiv1></playdiv1>类型的元素匹配，这不是您想要的。

正确的代码$("#playdiv1")会选择 id playdiv1的元素。

您还尝试在元素周围的jQuery包装器上设置style属性。您需要使用.show方法，或访问第一个匹配的元素。

其中任何一个都可行：

$('#playdiv1').show();

// or

$('#playdiv1')[0].style.display = "block";

Answer 2

由于您有隐藏playdiv1的CSS，因此您不需要内嵌HTML的显示声明，因此请删除 -

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

并将jQuery更改为

$('#playdiv1').show();

Answer 3

您可以使用此...

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

并移除display: hidden;标记中的样式属性的<div> ...

Answer 4

以某种方式切换订单;

$('#1').click(function(){ 
  $('#playdiv1').show();
   cuepoint.setTime(0)(); // Having this at the bottom; or after the show.
});