Fancybox问题,不应该显示某些事情,但是

时间:2013-03-23 16:08:37

标签: fancybox

我试图重新做一些事情,尝试获取工作代码,然后在我得到一些工作后用我需要的东西修改它。问题是,我试图复制Fancybox的#5示例,并且titleshow设置为false,但标题显示,以及#login_error应该被隐藏,但它从一开始就显示。

<html>
<head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
    <script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.1.js"></script>
    <link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
</head>


<script type="text/javascript">
$(document).ready(function() {
        $("#tip5").fancybox();
});

$("#tip5").fancybox({
    'scrolling'     : 'no',
    'titleShow'     : false,
    'onClosed'      : function() {
        $("#login_error").hide();
    }
});

$("#login_form").bind("submit", function() {

    if ($("#login_name").val().length < 1 || $("#login_pass").val().length < 1) {
        $("#login_error").show();
        $.fancybox.resize();
        return false;
    }

    $.fancybox.showActivity();

    $.ajax({
        type        : "POST",
        cache   : false,
        url     : "/data/login.php",
        data        : $(this).serializeArray(),
        success: function(data) {
            $.fancybox(data);
        }
    });

    return false;
});
</script>
</head>
<body>

<div>
    <a id="tip5" title="Login" href="#login_form">Login</a>
</div>

<div style="display:none">
    <form id="login_form" method="post" action="">
        <p id="login_error">Please, enter data</p>
        <p>
            <label for="login_name">Login: </label>
            <input type="text" id="login_name" name="login_name" size="30" />
        </p>
        <p>
            <label for="login_pass">Password: </label>

            <input type="password" id="login_pass" name="login_pass" size="30" />
        </p>
        <p>
            <input type="submit" value="Login" />
        </p>
    </form>
</div>

</body>
</html>

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

示范here致力于解决问题。它造成了另一个问题,但这是另一个问题。我相信这是你的演示,JFK,谢谢你。