-1

私はいくつかのことをやり直し、動作するコードを取得してから、何かが動作するようになったら必要なものに変更しようとしました。問題は、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>

助言がありますか？

4

1 に答える 1

0

ここでのデモは、問題を解決するために機能しました。別の問題が発生しましたが、それは別の質問です。それがあなたのデモだったと思います、JFK、ありがとう。

于 2013-03-26T20:26:04.410 に答える