如何设置Ajax模式的样式

Question

我正在调用一个模态用于编辑目的。使用下面的代码，如何设置css样式宽度高度等？

＆＃13;

＆＃13;

// Open modal in AJAX callback
$("modal").dialog({
  modal: true,
  minHeight: 500,
  minWidth: 1200,
  maxWidth: 1200,
  maxHeight: 750
});
$('#manual-ajax').click(function(event) {

  event.preventDefault();
  $.get(this.href, function(html) {
    $(html).appendTo('body').modal();
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery.modal.js"></script>
<link rel="stylesheet" href="jquery.modal.min.css" />

<a rel="modal:open" class="btn-info btn-sm " href="{{ route('edit_deploy_time', $campaign_job->id) }}" id="manual-ajax"><i class="fa fa-cog"></i> Edit</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您必须使用modalClass和blockerClass以及closeClass来设置jquery-modal样式。

...
modalClass: "mymodal",
...

并设计风格：

<style>
    .mymodal {
        background: #ccc;
        border: solid 1px black;
    }
</style>

Answer 2

好吧，这是一个简单的样式设置：

.modal{}