在頁面加載時未調用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