/ / Problemy z Fancyboxem, nie powinny pokazywać pewnych rzeczy, ale jest - fancybox

Problemy z Fancyboxem, nie powinny pokazywać pewnych rzeczy, ale tak jest - fancybox

Próbowałem ponownie coś zrobić, próbując zdobyćdziałający kod, a następnie zmodyfikować go za pomocą tego, czego potrzebuję, gdy tylko coś działa. Problem polega na tym, że próbowałem skopiować przykład Fancyboksa # 5, a tytuł tytuł ustawiony jest na fałsz, ale tytuł pokazuje, podobnie jak #login_error ma być ukryty, ale pokazuje od samego początku.

<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>

Jakieś sugestie?

Odpowiedzi:

0 dla odpowiedzi № 1

Demonstracja tutaj pracował, aby rozwiązać problem. Stworzyło to inny problem, ale na to pytanie. Wierzę, że to było twoje demo, JFK, więc dziękuję.