jQuery的自定义对话框按钮

enter image description here 我使用jquery对话框，询问用户界面1.8.7.custom.min.jsjQuery的自定义对话框按钮

我需要自定义对话框，并在那里出现的对话框上的位置上的按钮。我大部分时间都可以自定义我的对话框，但是到目前为止，自定义按钮及其位置一直都很困难。请找到屏幕截图和代码如下

HTML: 

<style> 
.ui-dialog, .ui-dialog-content { 
border:1px solid #cde68c; 
border-bottom:0px; 
background-color: white !important; 
color: #333; 
font: 12px/180% Arial, Helvetica, sans-serif; 
} 
.ui-dialog-titlebar { 
display:none; 
} 
#ui-dialog-title-dialog { 
color: yellow !important; 
text-shadow: none; 
} 
.ui-dialog-buttonpane { 
border:1px solid #cde68c; 
border-top:0px; 
margin-bottom: 1%; 
} 

</style> 
     <div id="dialog"> 
      <p><span id="emailNotice"></span></p> 
     </div> 

Javascript: 

$j(document).ready(function() { 

    $j('#dialog').dialog('open'); 
    $j('#emailNotice').html('show some notice text abcd'); 

    $j('#dialog').dialog({ 
     modal:true, 
     autoOpen: false, 
     width: 600, 
     buttons: { 
      "Ok": function() { 
       $j(this).dialog("close"); 
      }, 
      "Cancel": function() { 
       className: 'cancelButtonClass', 
       $j(this).dialog("close"); 
      } 
     } 
    }); 
});

我希望能够定位按钮左，右，上/下等

来源

2012-07-05 Autolycus

一两件事我注意到你的' “取消”'函数中：你有' className：'cancelButtonClass'，'。那什么都不会做。我不确定向该按钮添加自定义类的最简单方法，但我确实知道您可以使用CSS定位目前存在的类。 – lbstr 2012-07-05 23:27:52

您可以随时通过为buttons属性的空对象。然后你会直接在你的“对话框”div中添加你的按钮。当然，这意味着你必须手动处理按钮点击事件。

粗糙例如：

<div id="dialog"> 
    <p><span id="emailNotice"></span></p> 
    <button id="myButton">Submit</button> 
</div>

的Javascript：

$j('#dialog').dialog({ 
    modal:true, 
    autoOpen: false, 
    width: 600, 
    buttons: {} 
    } 
});

来源

2012-07-05 23:30:28

howd我做好了然后关闭按钮呢？我如何将这种情况下的行为传递给他们？。 – Autolycus 2012-07-05 23:49:46

纳米...了... ...附加$ J（ '＃yesButton'）点击（函数（）{ \t \t //警报（ '你好'）; \t \t附加$ J（ '＃对话'）对话框。（'close'）; \t}）; – Autolycus 2012-07-05 23:57:29

<!-- language: lang-js --> 
buttons: [ 
     { 

      text: "Delete that", 
      className: 'deleteButtonClass', 
      click: function() { 
       alert('foobar');     
      } 
     }

来源

2013-05-17 08:24:05

在jQuery的UI的1.10.0.custom.css找到类波纹管和删除float: right;

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 
float: right; 
}

在jQuery的UI的1.10.0.custom.css测试不是在jQuery的UI-1.8.7.custom.css

来源

2013-10-25 10:25:30 gadlol

jQuery的自定义对话框按钮

回答

相关问题