Fancybox 2.0.1内联内容无法正常工作

时间:2011-11-28 00:20:32

标签: javascript jquery fancybox

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

以下是网站:http://miuzer.com/new/ 检查右上角的链接。关于作品,但注册和登录不是因为他们的内容是内联的。这是什么问题?

我发现很多js库都是错误的,过于复杂且记录不完整,fancybox是最糟糕的。

1 个答案:

答案 0 :(得分:2)

删除此行:

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

如下所示改变/ register / login部分:

<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,我不能对你的代码说同样的事情......