Question

我和Fancybox现在正在争吵，我正在失败。当我尝试实现Fancybox时，它不是在弹出窗口上打开图像，而是在新页面上打开它。我的代码包含在下面。什么可能是错的？我到处研究过，似乎它应该与我拥有的东西一起工作。

 <!doctype html>
    <html>
    <head>


    <link rel="stylesheet" href="js/fancy-box/source/jquery.fancybox.css" type="text/css"     media="screen"/>
<script type="text/javascript" src="js/fancy-box/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">     </script>

<meta charset="UTF-8">
<title>Untitled Document</title>
</head>

<body>



<a class="fancybox" href="rendering_17.jpg"><img src="r17t" alt=""></a>



<script type="text/javascript" >
$(document).ready(function(){
    $(".fancybox").fancybox();
});


</script>

</body>
</html>

Answer 1

我将您的代码粘贴到Online Real-time HTML Editor，更改了包含，这对我有用：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" media="screen">

确保所有包含都是正确的，并且不要忘记您应该首先包含jQuery。

Fancybox在新页面中打开图像

1 个答案: