Question

Fancybox ajax帖子以最简单的方式工作正常，但第二次点击它会抛出Uncaught TypeError：$ .fancybox不是函数错误。无法找出任何解决方法。任何建议？

<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>

Answer 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 ajax工作正常，但第二次点击它不起作用

1 个答案: