0

我正在尝试在页面 laod 上的 asp.net mvc 视图中使用 Fancybox，并在http://fancybox.net/blog上使用此示例 6

我的html是：

<head>
    <title>Home Page</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
</head>
<body>
    <div class="page">

        <div id="main">
            <link rel="stylesheet" type="text/css" href="../../Content/FancyBox/jquery.fancybox.css" />
<script type="text/javascript" src="../../Content/FancyBox/jquery.fancybox.js"></script>
<script>
    $(document).ready(function () {
        $("#dialog-user-login").trigger('click');       
    });
</script>

<div id="dialog-user-login">
    I am here
</div>

        </div>

    </div>
</body>

但是页面加载时不调用fancybox。我的代码中是否缺少任何内容？

[已编辑]

尝试了这个，但也没有奏效：

$(document).ready(function () {
    $("#dialog-user-login").fancybox({
        'showCloseButton'   : false,
        'titlePosition'         : 'inside',
        'titleFormat'       : formatTitle
    });
$("#dialog-user-login").trigger('click'); 
  });
4

3 回答 3

0

有点晚了，但我希望这能回答任何类似的问题：

$(function() {
    $.fancybox.open([{
        //o $("#myDiv").html() aunque este ultimo muestra los datos en bruto 
        content: $("#myDiv").text()
    }]);                
});
于 2013-05-15T15:02:36.010 回答
0

使用 jquery 插件时，你应该在你想要的元素上调用它..

这是你如何为花哨的盒子做的

$(document).ready(function () {
    $("#dialog-user-login").fancybox({
        'showCloseButton'   : false,
        'titlePosition'         : 'inside',
        'titleFormat'       : formatTitle
    });
$("#dialog-user-login").trigger('click'); 
  });
于 2013-01-26T08:24:32.513 回答
0

尽管我想将此作为评论发布...

无论如何，对于 DotnetSparrow，我最近自己创建了一个站点并实现了 fancybox，它运行良好。

在前。5 & 6，我在我的页面上试过了，效果也很好。

正如其他人所评论的那样，您的 html 缺少很多，您基于它的博客是片段，而不是整套指令......

请遵循以下内容：

1.首先按照本说明的第一段：http : //fancyapps.com/fancybox/#instructions

2.在HTML中

<a id="urLink" title="Login" href="#dialog-user-login">Login Here</a>  
<div id="dialog-user-login" style="display:none">
    I am here
</div>

3.在javascript中

<script type="text/javascript">
$(document).ready(function() {
    //attach fancybox on ur <a> tag
    $("#urLink").fancybox({
        'scrolling' : 'no',
        'titleShow' : false,
        'onClosed'  : function() { $("#login_error").hide(); }
    });

    //if you want to show the login in fancybox on load
    $("#urLink").trigger('click');
});
</script>
于 2013-01-26T09:58:20.253 回答