1
私は何が必要ですか？モーダルポップアップの修正にJqueryヘルプが必要
- オン
click me私はsaveボタンでポップアップが必要です。saveボタンを - 主なポップアップが
を閉じた後、私は取得していますどのような別の確認ポップアップをされる必要がありますクリックしてください？
私は1ステップを取得することができますし、クリックすると確認のポップアップが表示されます。 問題は、私がxアイコンをクリックしたときに、確認のポップアップが表示されます。私は保存ボタンの上にのみ確認のポップアップが必要です。クリックしていないときxアイコン。
有線状況？
初めて確認のポップアップが表示されないxをクリックします。
$(document).on('click','.closeMyModal',function(){
$("#myModal").on('hidden.bs.modal', function(){
//alert('Hidden');
$('#employeekipsave').modal('show');
//alert('visible');
});
})<link href="http://getbootstrap.com/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
<a href="javascript:void(0);" data-toggle="modal" data-target="#myModal">Click Me</a>
<div class="modal fade" id="myModal">
<div class="modal-dialog modal-large" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Employee KPI's</h4>
</div>
<div class="modal-body">
\t Dummy Text Comes Here
</div>
<div class="modal-footer">
<!--<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
<button type="button" class="btn btn-primary closeMyModal" data-dismiss="modal" >Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="employeekipsave">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body clearfix">
<div class="col-lg-12 text-center success-popup">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button><h5 class="text-success">Are you sure you want save Employee KPI's?</h5><button type="button" class="btn defaultBtn btn-sm btn-defult" data-dismiss="modal" aria-label="Close">No</button><button type="button" class="btn btn-primary btn-sm defaultBtn" data-dismiss="modal" id="employeeKpiSuccess" style="margin-left:5px;" >Yes</button>
</div>
</div>
</div>
</div>
</div>
これは正常に動作するはずです – Raki
ありがとうHeinrich。ここにテストURLがあります。私が同じプロセスを経るとき、それはbroswerにパディングを追加しています。 URLを参照してください。 http://saviance-fraud.com/modal-popup.html。 –
ブラウザがスクロールしていないいくつかのシナリオでうまくいきます。ブラウザが既にスクロールしている場合、それは動作していません。それは私が隠されたbsモーダルイベントを試みた理由です。 –