0

我正在尝试将 > 字符插入到 jquery 中的按钮。我需要一个像这样的按钮“继续> ”。

jQuery("#hello").dialog({
       buttons: {
          Continue&gt: function() {
             jQuery( this ).dialog( "close" );
          }
       }
});

我尝试了 Continue>:, Continue>: Continue>:，但没有成功。请帮我

4

4 回答 4

4

您必须引用按钮名称。

请参阅：http ://api.jqueryui.com/dialog/#option-buttons

快速参考：

指定应在对话框上显示哪些按钮。回调的上下文是对话框元素；如果您需要访问按钮，它可用作事件对象的目标。支持多种类型： 对象：键是按钮标签，值是单击关联按钮时的回调。数组：数组的每个元素都必须是一个对象，定义了要在按钮上设置的属性、属性和事件处理程序。

代码：

$("#hello").dialog({
       buttons: {
          "Continue>": function() {
             $( this ).dialog( "close" );
          }
       }
});

演示：http: //jsfiddle.net/cCCMG/1/

于 2013-09-10T14:47:30.593 回答
1

您需要引用任何不是未保留标识符的属性名称。

jQuery("#hello").dialog({
       buttons: {
          "Continue>": function() {
             jQuery( this ).dialog( "close" );
          }
       }
});
于 2013-09-10T14:48:32.410 回答
0

您可以引用按钮名称的文本，但这仍然不允许您使用 HTML 字符实体。但是，您可以这样做：

$('.ui-button-text').append(' »');

jsFiddle 示例

于 2013-09-10T14:50:38.953 回答
0

作为参考，由于您提到了 HTML 字符实体，您可以在按钮的文本中使用八进制字符代码：

HTML

<div id='hello'>hello world</div>

jQuery

$("#hello").dialog({
   buttons: {
     "Continue \273": function() { // Note the escaped '273' (open/close chevron-style quotes)
       $(this).dialog("close");
     }
   }
});

代码笔示例

于 2013-09-10T15:08:16.580 回答