在页面加载时未调用fancybox

Question

我试图在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'); 
  });

Answer 1

使用jquery插件时，应在所需的元素上调用它。

这是你如何做花哨的盒子

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

Answer 2

我想把这个发表为评论...

无论如何，对于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>

Answer 3

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

$(function() {
    $.fancybox.open([{
        //o $("#myDiv").html() aunque este ultimo muestra los datos en bruto 
        content: $("#myDiv").text()
    }]);                
});

在页面加载时未调用fancybox

问题描述

3 个解决方案

解决方案1
0 2013-01-26 08:24:32

解决方案2
0 2013-01-26 09:58:20

解决方案3
0 2013-05-15 15:02:36

在页面加载时未调用fancybox

问题描述

3 个解决方案

解决方案1 0 2013-01-26 08:24:32

解决方案2 0 2013-01-26 09:58:20

解决方案3 0 2013-05-15 15:02:36

解决方案1
0 2013-01-26 08:24:32

解决方案2
0 2013-01-26 09:58:20

解决方案3
0 2013-05-15 15:02:36