-1
モーダルで近いモーダルボタンを使用しようとしていますが、動作しません。モーダルでボタンを閉じる
マイコード:
<center><button class="bleu b_modal">Modal test</button></center>
<script type="text/javascript">
$(".b_modal").click(function(e) {
e.preventDefault();
modal.open({content: '\
<center><button class="b_close">Close modal</button></center>\
'});
});
$('.b_close').click(function(e){
e.preventDefault();
modal.close();
});
var modal = (function(){
var
method = {},
$modal,
$content,
$close;
method.open = function(settings) {
$content.empty().append(settings.content);
$modal.show();
document.body.style.overflow = "hidden";
};
method.close = function() {
$modal.hide();
$content.empty();
document.body.style.overflow = "auto";
};
$modal = $('<div id="modal"></div>');
$content = $('<div id="modal_content"></div>');
$close = $('\
<center><button class="b_close">Close modal</button></center>\
');
$modal.hide();
$modal.append($content, $close);
$(document).ready(function(){
$('body').append($modal);
});
$close.click(function(e){
e.preventDefault();
method.close();
});
return method;
}());
</script>
作業が、モーダルうち二閉じるボタンが機能しているモーダルないの閉じるボタン。問題は私の$('.b_close').click
ですが、私が試したことは何もありません。
modal.open({content: '\
<center><button class="b_close">Close modal</button></center>\
'});
中央地上子はちょうど私のページのテストのためですが、私の問題を解決しません。 –
私はあなたのために作ったjsfiddleを見てください。それは実用的な解決策を示します – Cruiser
@クルーザーあなたのフィドルはもう一度試してみません – Sankar