0

我已经关注了 jquery ui 演示并检查了关于 SO 的上一个问题,但看不到为什么我的代码不起作用。我正在尝试使用 jquery ui 按钮来布局按钮。在这个简单的示例中,我只想删除按钮标签:

<!DOCTYPE HTML>  

<html>  

<head>  
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>  
<script type="text/javascript" src="jquery-ui.js"></script>  
</head>  

<body>  
<button type="button" id="b111">a</button>  
<script type="text/javascript">  
$(document).ready(function(){  
    $("#b111").button( {  
        text: false 
    } );  
});  
</script>  
</body>  

</html>  
4

2 回答 2

2

来自jQuery UI 文档

当设置为 false 时,不会显示文本,但必须启用图标选项,否则将忽略文本选项。

因此,您只能说text: false是否设置了要显示的图标:

$("#b111").button( 
    { text: false, icons: { primary: "ui-icon-locked" } });
于 2013-04-15T08:33:44.390 回答
0

要使用“文本”布尔值,您需要使用图标选项:

http://api.jqueryui.com/button/#option-icons

不过,这似乎是一件很奇怪的事情。

您可以从 HTML 本身中删除“a”,并且该按钮将没有文本。但是,如果您希望保持大小,而只是隐藏文本,那么只需在 CSS 中执行:

#b111 * {
    visibility:hidden;
}
于 2013-04-15T08:34:22.867 回答