Question

我有一些带有图像的div，当点击时我想用fancybox加载另一个.php页面。内容已加载，但它只是附加到页面的末尾。谁有过这个问题？

我的HTML：

<div id="clickme">
  <img src="someimg.jpg" />
</div>

这是我的剧本：

$('#clickme').live('click', function(){
  $(this).fancybox({ 'href': 'somefile.php' });
});

Answer 1

您可以通过确保在页面顶部显示此内容来解决此问题：

<!DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN" "http://www.w3.org/TR/html4/loose.dtd ">

或

<!DOCTYPE html>

在浏览器中加载后，在页面上尝试“查看源代码”，第一行应该是doctype行。

Answer 2

我最初将css，图像和js分离到我自己的单独文件夹中，它无法正常工作。如果我只是复制fancybox文件夹并使用其中的所有内容它

Answer 3

经过数小时的往返，我发现了fancybox所有者的答案，如果您愿意，请检查主题：https://github.com/Taritsyn/WebMarkupMin/issues/66

真正的解决方案是不添加<!DOCTYPE html>指令，而是将整个内容包装到<DIV>标记中，并且将像魅力一样工作！