simpledialog2,样式定制

时间:2012-07-20 16:54:35

标签: jquery jquery-mobile

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

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

但它不起作用。

我需要在弹出窗口中设置按钮,所以最好不要使用“blankContent”,因为只有在按下按钮时才能关闭弹出窗口。

2 个答案:

答案 0 :(得分:0)

要关闭弹出窗口,您只需拥有文档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>

答案 1 :(得分:0)

我可以使用&#34;主题&#34; simpledialog2定义中的值为theme: "d",然后我可以更改其CSS样式。