配置后点击按钮弹出层会自动刷新，然后层就自动消失了

Question

配置后点击按钮弹出层会自动刷新，然后层就自动消失了，请问这是为什么？

<button class="am-btn am-btn-primary" data-am-modal="{target: '#doc-modal-1', closeViaDimmer: 0, width: 400, height: 225}">Modal</button>



<div class="am-modal am-modal-no-btn" tabindex="-1" id="doc-modal-1">
  <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>&times;</a>
    </div>
    <div class="am-modal-bd">
      Modal 内容。本 Modal 无法通过遮罩层关闭。
    </div>
  </div>
</div>

比如就上面的一段代码，本来是应该点击后自动弹出对话框的，但我的点击 弹出后，整个页面会自动刷新一下，于是这个对话框也就跟着消失了，请问，要怎么样才能不让它自动刷新啊？

Answer 1

AmazeUI官方关于Modal的演示，不建议直接在button上绑定data-am-modal属性，而是通过获取id然后调用$('#your-modal').modal(options);,这样我们可以更好的自定义一些参数和阻止浏览器对标签的一些默认行为，具体用法和参数还是参考AmazeUI官方的例子吧（中文的就是好）。