Fancybox不工作(在新选项卡中打开）

Fancybox not working (opens in new tab)

本文关键字：选项 工作 新选项 Fancybox      更新时间：2023-09-26
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script   src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"   integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="   crossorigin="anonymous"></script>
<link rel="stylesheet" href="/fajlovi/style/default/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="/fajlovi/misc/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/fajlovi/misc/custom.js"></script>
<script src="/fajlovi/misc/jquery.notify.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery(".fancybox").fancybox();
    });
</script>
<a class="fancybox" href="/ajax/user/pmform/2"><img alt="ico" src="/fajlovi/images/ico/16x16/email.png" class="ico">Send a message</a>

当我点击"一个href"元素时，它不是用fancybox在弹出窗口中打开，而是在一个新的选项卡中打开。是的，它包含了class="fancybox"。控制台中没有错误。我该怎么解决这个问题？

<a class="fancybox" href="/ajax/user/pmform/2 ?>">

修复弹出窗口打开时缩放图像url的href属性值与图像src、中提到的缩略图的关系

现在href值没有指向图像url。此外，标记格式不正确。

错误是在(document).ready(function(){})中调用fancybox()。直接使用，效果很好。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script   src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"   integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E="   crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/fajlovi/misc/custom.js"></script>
<script src="/fajlovi/misc/jquery.notify.js"></script>
<script type="text/javascript">
        $("a.fancybox").fancybox();
  	
</script>
<a class="fancybox" href="https://www.google.fr/images/branding/googleg/1x/googleg_standard_color_128dp.png"><img alt="ico" src="/fajlovi/images/ico/16x16/email.png" class="ico">Send a message</a>

相关文章：