JQueryで公開ブートストラップの破棄

私はフォームを提出するときに、私はいくつかの必要な入力を検証します。これらの必要な入力のいずれかが空の場合、必要なメッセージを表示するモーダルを開きます。私の問題は、モーダルの閉じるボタンで、私のページを一番上にスクロールし、すべてのブートストラップパネルを隠し、ブートストラップパネル＃collapse2（そのパネルには必須フィールドがあります）を開くJS関数を呼び出します。JQueryで公開ブートストラップの破棄

function closeAlerts() { 
    $('html, body').animate({scrollTop: '0px'}, 300); 
    $(".collapse").collapse("hide"); 
    $("#collapse2").collapse("show"); 
}

私は自分のフォームを送信する最初の時間、それは（、必要なフィールドメッセージでモーダルを表示するだけ＃1 collapse2が開かそれを閉じておく）二度目.IN、とモーダルを示して完璧な作品メッセージは表示されますが、＃collapse2は開かないでください。

誰でも知っていますか？

おかげ

出典

2017-02-16 user6824563

いくつかのマークアップやフルデモがここで必要とされるように思えます。 – isherwood

同意すると、デモを見て参考になるでしょう。私が見ていることから、あなたが葛藤しているのだろうかと思っています。すべてのパネルを折りたたんで、その中の1つを開きます。おそらく＃collapse2を含まないように非表示にして、アニメーションと同時に閉じて開くのと競合しないようにしてください。 '$（"崩壊：not（＃collapse2） "）。崩壊（" hide "）; – creativekinetix

また、コンソールにエラーが表示されていませんか？私はちょうどコンソールでテストし、Error：Collapseが移行中です...私がshowとhideを一緒に呼び出したとき。 – creativekinetix

は私のためのソリューションが追加されたあなたに

ありがとう：

$(".collapse:not(#collapse2)").collapse("hide");

出典

2017-02-16 20:48:14 user6824563

JQueryで公開ブートストラップの破棄

答えて

関連する問題