JQuery对话框“关闭”按钮

时间:2013-09-21 19:29:09

标签: jquery jquery-ui

通常,JQuery UI对话框看起来像official documentation中所示。我正在对已经有很多JavaScript的源代码进行对话,并且对话框有一些更改。一个变化是关闭按钮不再显示为“X”,而是显示为“关闭”。

如何开始研究是否可以将其更改为“X”?

2 个答案:

答案 0 :(得分:12)

您可以将关闭按钮文本作为选项传递:

$( ".selector" ).dialog({ closeText: "hide" });

http://api.jqueryui.com/dialog/#option-closeText

答案 1 :(得分:2)

根据您的评论,很明显您错过了添加 jQuery.UI.cssjQuery UI.js 。所以添加它会正常工作。

<link rel="stylesheet" type="text/css"   
         href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

和js文件一样

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/>

您可以查看此JSFiddle以供参考。