jquery ui按钮不工作_Jquery_Jquery Ui_Button

jquery ui按钮不工作

jquery jquery-ui button

jquery ui按钮不工作,jquery,jquery-ui,button,Jquery,Jquery Ui,Button,我已经跟踪了jQueryUI演示并检查了前面的问题，但不明白为什么我的代码不起作用。我试图使用jqueryui按钮来布局按钮。在这个简单的示例中，我只想删除按钮标签： <!DOCTYPE HTML> <html> <head> <script type="text/javascript" src="jquery-1.9.1.min.js"></script> <script type="text/javascr

我已经跟踪了jQueryUI演示并检查了前面的问题，但不明白为什么我的代码不起作用。我试图使用jqueryui按钮来布局按钮。在这个简单的示例中，我只想删除按钮标签：

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


A.
$（文档）.ready（函数（）{
$（“#b111”）。按钮（{
文本：false
} );  
});

来自：

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

因此，如果设置了一个图标以显示以下内容，则只能说

text:false

：

$("#b111").button( 
    { text: false, icons: { primary: "ui-icon-locked" } });

要使用“文本”布尔值，需要使用图标选项：

但这似乎是件奇怪的事

您可以从HTML本身删除“a”，按钮将没有文本。但是，如果您希望保持大小，但只是隐藏文本，则只需在CSS中执行此操作：

#b111 * {
    visibility:hidden;
}