Jquery和id标记不能正确使用fancybox

我一直在研究的功能，很好奇是否有人知道“fbrd”id标签是如何与jquery一起工作的？我已经研究了几个月了，似乎无法复制。我是jquery新手。

好吧，我已经浏览了代码，并为您准备了一个示例

你可以找到它

他们基本上是把事件和插件结合起来

我在演示中使用的jQuery是：

$("#fbrd").hover(function() {
    $(".title").toggle();

});

$("#fbrd").hover(
  function () {
    $(this).addClass('hover');
  }, 
  function () {
    $(this).removeClass('hover');
  }
  );


$("#fbrd").click(function() {

    $("#TheFancybox").html("<p id='display'>C:\>_Is this what you are looking for?</p><iframe width='560' height='315' src='//www.youtube.com/embed/lAl28d6tbko?autoplay=0' frameborder='0' allowfullscreen></iframe>");

    $(".fancyTrigger").fancybox();
    $(".fancyTrigger").trigger('click');
});

可以找到此设置的演示

可以找到一个全屏演示

---

祝你好运

这个效果很好。谢谢他们的盒子打开并自动填充屏幕。这个功能在他们的CSS中吗？如果是这样，您看到哪个CSS文件正在创建该功能了吗？我想如果我理解了“

li标记更改为

div

标记，因为这无关紧要：您可以根据自己的喜好更改CSS。因此，请放弃理解

li

标记的想法，因为这毫无意义。通过演示和<代码> FANYBOX API 你有你需要的所有工具。如果你认为我提交的答案足够回答你的问题：请考虑接受它。（我的答案旁边的绿色按钮）我创建了一个沙盒，你发布的所有东西都很好。谢谢你的帮助。不过，在实际的网站上并没有这么多。我创建了html内容，就像Small Studio使用的一样，但是html内容并没有触发fancybox，而是作为自己的页面打开。你完全正确地建议我多研究一点API来实现这一点。再次感谢你的帮助。你让我比一天前走得更远了。

$(".fancyTrigger").fancybox({
   'width':'90%',
   'height':'90%',
   'autoSize' : false,
   'fitToView':  false
});