2016-10-17 27 views
0

私は現在、ブートストラップモーダル内部の二つのボタンが午前:Bootstrapモーダルでスクロール機能を他のモーダルから開く方法は?

<button type="button" class="left_portfolio_item portfolio_controls"></button> 
<button id="to_modal_two" type="button" class="right_portfolio_item portfolio_controls"></button> 

ID to_modal_twoで二番目に、クリックされたとき、最初のモーダル(彼はであるもの)を閉じると第二1を開く必要があります。これを達成するため
私はjQueryのを使用しています:

$('#to_modal_two').click(function() { 
    $('#modal_one').modal('hide'); 
    $('#modal_two').modal('show'); 
}); 

最初のモーダルが二つ開いているが、unfortunetally、私はその中にスクロール機能を使用することはできませんその後、閉じています。
私が探しているものを達成するための回避策はありますか?

+0

そのボタンはテキスト領域ではありません – Mahi

+0

@mahendrapratapjewaria私はボタン内にスクロールを入れる方法を尋ねませんが、モーダルの中に入れます。 – MariusNV

+0

簡単な解決策は、モーダル( 'show')でsetTimeoutを使用することですが、モーダルフォームが完全に閉じたときに検出するイベントもモーダルにあります。 – Keith

答えて

0

これは私が意図してきたようにそれを動作させることを試みてきたものである:私はまだそれを修正するためにどのようにそれを把握していない

$('#to_modal_two').click(function() { 
    $('body').removeClass('modal-open'); 
    $('body').css("padding-right",""); 
    $('#modal_one').removeClass('in'); 
    $('#modal_one').css("display",""); 
    $('#modal_one').attr("aria-hidden","true"); 
    $('.modal-backdrop').hide(); 
    $('#modal_two').modal('show'); 
}); 

一つバグが後に私は2番目を閉じることです"通常の方法"(<button type="button" data-toggle="modal" data-target="#modal_one"></button>)を使用して最初にアクセスするモーダルモーダルを開く前に2,3回クリックする必要があります。

関連する問題