Fancybox ajax 工作正常，但我第二次点击它不起作用答案

【问题标题】：Fancybox ajax works fine but second time i click it's not workingFancybox ajax 工作正常，但我第二次点击它不起作用
【发布时间】：2016-07-03 14:15:50
【问题描述】：

Fancybox ajax 帖子以最简单的方式工作正常，但我第二次单击它会引发 Uncaught TypeError: $.fancybox is not a function 错误。想不出任何解决方法。有什么建议吗？

<script type="text/javascript" src="~/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="~/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="~/jquery.fancybox.css" media="screen" />

<script type="text/javascript">
    $(document).ready(function () {            
        $(".example").click(function () {
            $.fancybox({
                href: '@Url.Action("Action","Controller")',
                type: 'ajax',
                padding: 5,
                once: false
            });

        });
    });
</script>

<a class="example" href="javascript:;" itemprop="url">Test</a>

【问题讨论】：

标签： jquery asp.net-mvc fancybox asp.net-ajax

【解决方案1】：

你必须把你正在使用的脚本放在页面的头部

<head>
<script type="text/javascript" src="~/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="~/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="~/jquery.fancybox.css" media="screen" />
</head>

【讨论】：

您是否以某种方式重新加载页面？尝试在控制台中输入 $.fancybox（在它停止工作后）并告诉我消息是否相同。
Sutiation 是这样的：如果我使用 ajax iframe 提交表单，fancybox 会继续工作，但如果我在下次尝试再次打开它时关闭屏幕，则会抛出未捕获的类型错误，fancybox 未定义。