jquery ui按钮不起作用

我跟着jquery ui演示，检查了以前的问题，但不知道为什么我的代码不工作。我试图使用jQuery UI按钮布局按钮。在这个简单的例子，我只是想删除按钮标签：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>

来源

2013-04-15 mzzxx11

从jQuery UI documentation：

设置为false时没有文本将被显示，但必须启用的图标选项，否则文本选项将被忽略。

所以你只能说text: false如果您设置了图标显示：

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

来源

2013-04-15 08:33:44

+1只是要发布相同的东西:) – Sachin

为你使用“文本”布尔型，你需要使用的图标选项：

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

虽然看起来像一个奇怪的事情。

您可以从HTML本身删除'a'，并且该按钮将没有文本。然而，如果你想保持大小，但只是隐藏文字，那么只需在CSS中执行：

#b111 * { 
    visibility:hidden; 
}

来源

2013-04-15 08:34:22 MasNotsram

jquery ui按钮不起作用

回答

相关问题