2016-07-25 6 views
0

ページ上の一般的なアラートをカラーボックス処理に置き換える処理中です。私は現在、これらの線に沿ってユーザーとの対話のためのダイアログを構築するために隠されたdivタグとhref参照を使用しています:jquery colorbox closeはダイアログの重複に影響しますか?

$.colorbox({ 
      inline: true, 
      open: true, 
      href: "#modalAlert", /*id of hidden div*/ 
      onClosed: function() { 
       $("#modalAlert").hide(); 
      }, 
      onOpen: function() { 
       $("#modalAlert").show(); 
      }, 
      closeButton: false 
     }); 

私は、入力データを収集するためのダイアログを表示するには、コードの類似したビットを使用しています。私は、入力データのチェックを少し行いたいと思います。私がデータを使用している方法では、$.colorbox.close()を発行して入力ボックスを閉じます。検証に失敗すると、問題の内容を示すメッセージが表示されます。上記のカラーボックスアラートを作成するメソッドを呼び出そうとすると、何も表示されません。私はコードが実行されていることを知っているが、予想される警告は表示されません。

コードをデバッグすると、$.colorbox.close()が実行されますが、入力ボックスは引き続き表示されます。 のように、メソッドの後のどこかまで実際にボックスを殺すことはありません。それは私の警告を殺して、それが現れなかったように見えるように思えるかもしれません。メソッドの一番上にある$.colorbox.close()をすぐに実行して(入力ボックスを強制終了させる)方法があるので、後続のアラートが作成されたときに実際に表示されるようにしますか?

私はまだcolorboxのやり方に新しいので、私は選択肢がありません。私が扱っているコードはいくつかの角度に埋め込まれているので、完全なサンプルを抽出するには少しの労力がかかります。どのような入力をありがとう。

答えて

0

別のアラートをポップしようとするのではなく、この状況に対処するより良い方法が見つかりました。代わりに、すでに開いているダイアログにメッセージを書きます。それは動作し、より良いUXです。

関連する問題