[英]How to convert ui jQuery dialog to modal Bootstrap?
在 Boostrap ui jquery 中轉換這個元素的過程是什么?
<div id="dialogDeleteDefaultVariant" title="default">
<p><span style="margin: 0 7px 20px 0;"></span>' . HTML::button('dialog_delete_default_variant_desc', null, 'index.php?A&Catalog\Products&Edit&cPath=40&pID=20#section_ProductsAttributesNewApp_content', null, null, 'sm') . '</p>
</div>
ui jQuery 元素
$('#dialogDeleteDefaultVariant').dialog({
autoOpen: false,
resizable: false,
modal: true,
buttons: {
'{$button_ok}': function() {
$(this).dialog('close');
}
}
})
打開模態
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>enter code here
</div>
</div>
</div>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.