Question

我正在尝试插入＆gt;字符到jquery中的按钮。我需要一个这样的按钮＆＃34; 继续＆gt; ＆＃34;。

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

我尝试了继续＆amp; gt：，继续＆gt;：继续＆gt;：但没有成功。请帮帮我

Answer 1

您必须引用按钮名称。

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

快速参考：

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

代码：

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

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

Answer 2

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

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

Answer 3

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

$('.ui-button-text').append(' &raquo;');

<强> jsFiddle example

Answer 4

作为参考，由于您提到了HTML字符实体，因此您可以在按钮的文本中使用Octal character codes：

<强> 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");
     }
   }
});

<强> Codepen example

如何使用'＆gt;'或'＆gt;' jquery按钮中的特殊字符

4 个答案: