gpt4 book ai didi

jQuery 用户界面 : how to reset dialog title?

转载 作者:行者123 更新时间:2023-12-01 04:07:06 25 4
gpt4 key购买 nike

我想清除对话框标题,但是 $('#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>

最佳答案

只需插入 non breaking space ,而不仅仅是一个空格。我从维基百科页面复制/粘贴它:

U+2007   figure space (HTML: &#8199;). Produces a space somewhat equal to the figures (0–9) characters.

我制作了一个交互式示例:

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

关于jQuery 用户界面 : how to reset dialog title?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25959754/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com