MVC FancyBox 2.1.5不使用jQuery

时间:2013-11-21 14:22:56

标签: jquery asp.net-mvc fancybox lightbox

我包括所有(标题中):

<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/jquery-css-transform.js"></script>
@*<script type="text/javascript" src="/Scripts/fancybox/jquery.fancybox-1.3.4.js"></script>*@
<script src="~/Scripts/jquery.fancybox.js"></script>
<script src="~/Scripts/jquery.fancybox-buttons.js"></script>
<script src="~/Scripts/jquery.fancybox-media.js"></script>
<script src="~/Scripts/jquery.fancybox-thumbs.js"></script>
<script src="~/Scripts/jquery.fancybox.pack.js"></script>
<script src="~/Scripts/jquery-css-transform.js"></script>

在我的索引视图中,我有:

    <script type="text/javascript">
    $(document).ready(function () {
        $('#ChaseSymbolID').click(function () {
            $('#ChaseSymbolID').fancybox({
                    'height': 380,
                    'padding': 0,
                    'width': 700,
                    'type': 'iframe'
                });
        });
</script>

我跑完后:

JavaScript运行时错误:对象不支持属性或方法'fancybox'

(但是normaly intellisense提供了这个选项:.fancybox(a)...)

我刚刚更新了FancyBox 2.1.5和jQuery 1.10,但从那时起FancyBox就停止了工作。我尝试使用lightbox2,它工作正常,但我需要fancybox才能工作。

2 个答案:

答案 0 :(得分:0)

如果jquery.fancybox-1.3.4.js文件夹中有完整的fancybox库文件Scripts/fancybox,请让MVC为您解析路径。

<script type="text/javascript" 
 src="@Url.Content("~/Scripts/fancybox/jquery.fancybox-1.3.4.js")"></script>

答案 1 :(得分:0)

如何在视图中执行脚本?

默认MVC最终创建caption布局。 您必须将其移至@Scripts.Render("~/bundles/jquery")标记,它才能正常工作。