Question

你好我有一个代码，它给一个按钮jqueryui按钮的属性，但是当我打开页面时它不会。这是jquery的代码：

function main(){
$("#showhid").button({
    icons:{primary:'ui-icon-disk'}, 
    text:false});

$("#showhid").click(function(event){
    alert(1);
}); }

以下是该页面的代码：

<HEAD>
<LINK href="http://dev.karinapp.com/modules/appgen/css/batute.css" id="css_batute_4" rel="stylesheet" type="text/css"/>
<LINK href="http://dev.karinapp.com/modules/batute/css/main.css" id="css_batute_22" rel="stylesheet" type="text/css"/>
<LINK father="*head" href="/modules/appgen/css/batute.css" id="moveSel_css" rel="stylesheet" type="text/css"/><LINK father="*head" href="/modules/appgen/css/batute.css" id="moveSel_css" rel="stylesheet" type="text/css"/>
<SCRIPT id="script0" src="http://dev.karinapp.com/modules/general/scripts/jQuery.js" type="text/javascript"><!--empty--></SCRIPT>
<SCRIPT id="script1" src="http://dev.karinapp.com/modules/general/scripts/ui/jquery.ui.core.js"  type="text/javascript"><!--empty--></SCRIPT>
<SCRIPT id="script2" src="http://dev.karinapp.com/modules/general/scripts/ui/jquery.ui.widget.js" type="text/javascript"><!--empty--></SCRIPT>
<SCRIPT id="script3" src="http://dev.karinapp.com/modules/general/scripts/ui/jquery.ui.button.js" type="text/javascript"><!--empty--></SCRIPT>
<SCRIPT id="script4" src="http://www.karinapp.com/modules/appgen/scripts/batute.js" type="text/javascript"><!--empty--></SCRIPT>
<SCRIPT id="script5" type="text/javascript">window.onload=function(){
        main();}</SCRIPT>
</HEAD>

Answer 1

确保在您的HTML head中添加jQueryUI theme。当我检查你的按钮时，我没有看到任何jQueryUI样式应用于它。

如果我添加一个jQueryUI样式表（例如http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/themes/black-tie/jquery-ui.css），它可以正常工作。

Button不带jquery ui按钮效果

1 个答案: