jQuery UI：如何重置对话框标题？

我想清除对话框标题，但$('#dialog').dialog('option', 'title', ' ');不能按预期工作，它会使对话框标题变得非常薄，清除标题的正确方法是什么？jQuery UI：如何重置对话框标题？

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Dialog - Default functionality</title> 
     <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/cupertino/jquery-ui.css"/> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
     <script> 
      $(function() { 
       $("#b1").click(function(){ 
        $('#dialog').dialog('option', 'title', 'test'); 
       }); 
       $("#b2").click(function(){ 
        $('#dialog').dialog('option', 'title', ' '); 
       }); 
       $("#b3").click(function(){ 
        alert($('#dialog').dialog('option', 'title')); 
       }); 
       $("#dialog").dialog(); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="dialog"> 
      <p>This is a dialog.</p> 
     </div> 
     <input id='b1' type='button' value='set title to test'> 
     <input id='b2' type='button' value='clear title'> 
     <input id='b3' type='button' value='alert(title);'> 
    </body> 
</html>

来源

2014-09-21 agou

只需插入non breaking space，而不仅仅是一个space。我从维基百科页复制/粘贴：

U + 2007数字空间（HTML：&＃8199;）。产生一个与图（0-9）字符相等的空间。

我做一个互动的样品：

  $(function() { 
 
       $("#b1").click(function(){ 
 
        $('#dialog').dialog('option', 'title', 'test'); 
 
       }); 
 
       $("#b2").click(function(){ 
 
        $('#dialog').dialog('option', 'title', ' '); 
 
       }); 
 
       $("#b3").click(function(){ 
 
        alert($('#dialog').dialog('option', 'title')); 
 
       }); 
 
       $("#dialog").dialog(); 
 
      });

 <link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/cupertino/jquery-ui.css"/> 
 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
     <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
 
     
 
     <div id="dialog"> 
 
      <p>This is a dialog.</p> 
 
     </div> 
 
     <input id='b1' type='button' value='set title to test'> 
 
     <input id='b2' type='button' value='clear title'> 
 
     <input id='b3' type='button' value='alert(title);'>

来源

2014-09-21 13:42:03

谢谢，这确实工作！在发布这个问题之前，我实际上尝试了另一个unicode空格字符，但它不起作用，这是一个奇迹。 – agou 2014-09-21 13:50:16

jQuery UI：如何重置对话框标题？

回答

相关问题