jquery - simpledialog2，样式自定义

Question

我有一个应用程序，它有几种类型的弹出窗口，所以每个都应该有自己的 CSS 样式，有没有办法做到这一点，给 simpledialog2 一个自定义 CSS 样式，但不是应用程序中的所有对话框？我尝试过： $("<div>").simpledialog2({ .... }).attr('class', 'someClass'); 我也尝试过：

$("#myElement").simpledialog2({....,buttons : {   'Aceptar': {     click: function () { 
},     icon: ""    }   }});

但它不起作用。

我需要在弹出窗口中有按钮，所以我最好不要使用“blankContent”，因为它不会让仅在按下按钮时关闭弹出窗口。

Answer 1

我可以在 simpledialog2 的定义中使用“主题”值，如 theme: "d"，然后我可以更改它的 CSS 样式。

Answer 2

要关闭弹出窗口，您只需要在文档http://dev.jtsage.com/jQM-SimpleDialog/demos2/blankin.html中提供一个带有 rel='close' 的链接

<!--NOTE: blankContent is set to TRUE, and the content goes IN the div. -->
<div id="inlinecontent" style="display:none" 
  data-options='{"mode":"blank","headerText":"Yo","headerClose":true,"blankContent":true}'>

    <ul data-role='listview'><li>Some</li><li>List</li><li>Items</li></ul>
    <a rel='close' data-role='button' href='#'>Close</a>
</div>