2012-05-10 6 views
0

インラインルートを使用してfancyboxフォームを処理しようとしていますが、送信ハンドラを起動するときに問題が発生します。 インラインfancyboxフォーム - 表示:なしラッパーが送信ハンドラの実行を妨げています

この

は私が http://fancybox.net/blog

オフ例5化粧箱のサイトから直接持ち上げたフォームの例を使用するときにここに私のコードであっても動作するように失敗していると、働いてから提出するハンドラを妨げているdisplay:noneように見えます。私はこれを何時間も蹴っていて、困惑しています。ここで

はいくつかのコードです:

<script type="text/javascript" > 
$(document).ready(function() { 

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

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

     alert("THIS ALERT IS NOT FIRING"); 

     return false; 
    }); 

}); 

</script> 
</head> 
<body> 

<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> 
     <p> 
      <em>Leave empty so see resizing</em> 
     </p> 
    </form> 
</div> 

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

表示時にアラートが機能します。何も削除されません。

ご協力いただきありがとうございます。

+0

というコードが動作します。問題の例をリンクしてください。 – JFK

+0

チェックする時間をとってくれてありがとう - 大変感謝しています!私はバージョン1.2.1にリンクしていました。私はしばらく前にアップロードしていましたが、現在のサイトのコードを使ってテストしましたが、1.3.4にアップデートしています。再度、感謝します。 – chakotha

答えて

1

バージョン2の新しいファンシーボックスを使用している可能性があります。古いバージョンで試してください。 一部の機能が変更されました。たとえば、resize()はもう存在しません。update()に今すぐ

関連する問題