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按鈕不起作用

回答

相關問題