Question

我想清除对话框标题，但是$('#dialog').dialog('option', 'title', ' ');没有按预期工作，它会使对话标题非常薄，清除标题的正确方法是什么？

<!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>

Answer 1

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

U + 2007图形空间（HTML：＆amp;＃8199;）。产生的空间有点等于数字（0-9）字符。

我制作了一个互动样本：

＆＃13;

            $(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();
            });

＆＃13;

        <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);'>

＆＃13;

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

1 个答案: