generator-minxing
Version:
generator for creating minxing web app.
35 lines (32 loc) • 1.02 kB
Plain Text
<pre class="prettyprint lang-java">
<button type="button" class="am-btn am-btn-primary js-modal-open">打开 Modal</button>
<div class="am-modal am-modal-no-btn" tabindex="-1" id="your-modal">
<div class="am-modal-dialog">
<div class="am-modal-hd"> Modal 标题
<a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>×</a>
</div>
<div class="am-modal-bd">
Modal 内容。
</div>
</div>
</div>
<script>
$(function() {
var $modal = $('#your-modal');
$modal.siblings('.am-btn').on('click', function(e) {
var $target = $(e.target);
if (($target).hasClass('js-modal-open')) {
$modal.modal();
} else if (($target).hasClass('js-modal-close')) {
$modal.modal('close');
} else {
$modal.modal('toggle');
}
});
});
</script>
</pre>
<script src="scripts/prettify.min.js"></script>
<script>
prettyPrint();
</script>