javascript - Fancybox 2.0.1 内联内容不起作用

Question

我按照网站上的教程来使内联内容正常工作。甚至检查了他们的来源并对我自己的网站进行了更改。

这是网站:http://miuzer.com/new/ 检查右上角的链接。关于作品，但注册和登录不需要，因为它们的内容是内联的。这里有什么问题吗？

我发现很多 js 库都存在缺陷、过于复杂且文档缺乏，fancybox 是其中最糟糕的一个。

Answer 1

删除这一行:

<a id="popup_img" style="display:none" href="img/popup_img.jpg"><img src="img/popup_img.jpg" alt="" /></a>

像这样改变关于/注册/登录部分:

<div class="header-content">
  <ul>
    <li><a href="img/popup_img.jpg">About</a></li>
    <li><a href="#register-dialog">Register</a></li>
    <li><a href="#login-dialog">Login</a></li>
  </ul>

从 interface.js 中删除这些行

$('#popup_img').fancybox();
$('#register-dialog').fancybox({'type':'inline'});
$('#login-dialog').fancybox({'type':'inline'});
// $('#popup_img').click();

并添加此行:

$('.header-content ul a').fancybox();

顺便说一句，这是一个记录非常详细且写得很好的 plugin我不能对你的代码说同样的话......