使用 Bootstrap 模态框的示例:
我在想是否有一种方法可以通过 jQuery 使这个东西变得动态一些。
我的目标是创建一个名为 $theModal 的变量,该变量将被初始化,并具有用于获取/设置标题、内容、单击保存/取消/关闭时要调用的 JavaScript 函数等属性。
应该全部通过 jQuery 生成,还是应该在代码中使用标识符/自定义数据属性来捕获模态框?
也许可以使用某种类结构?
下一个问题是,如果模态框已经打开,如何创建一个克隆? 我会尝试/猜测。
这是否可能,或者我的假设完全错误?
<div class="modal fade">
<div class="modal-dialog">
<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">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
我在想是否有一种方法可以通过 jQuery 使这个东西变得动态一些。
我的目标是创建一个名为 $theModal 的变量,该变量将被初始化,并具有用于获取/设置标题、内容、单击保存/取消/关闭时要调用的 JavaScript 函数等属性。
应该全部通过 jQuery 生成,还是应该在代码中使用标识符/自定义数据属性来捕获模态框?
也许可以使用某种类结构?
var $theModal = new MyModal();
下一个问题是,如果模态框已经打开,如何创建一个克隆? 我会尝试/猜测。
var $theClone = $theModal.clone().init();
$theClone.title = "Title of the second modal";
$theClone.content = $.ajax(url);
$theClone.saveAction = saveTheContentOfTheContent;
$theClone.show();
这是否可能,或者我的假设完全错误?