2011-01-16 2 views
3

Привет, у меня есть код, который дает кнопке свойство jqueryui-кнопок, но это не происходит, когда я открываю страницу. Вот код JQuery:Кнопка не принимает эффект кнопки jquery ui

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> 

ответ

3

Убедитесь включить jQueryUI theme в вашем HTML head. Когда я проверяю вашу кнопку, я не вижу никаких стилей jQueryUI, применяемых к ней.

Если я добавлю таблицу стилей jQueryUI (например, http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/themes/black-tie/jquery-ui.css), она отлично работает.

+1

+1 Возможно, это так. – user113716

+0

Вот он, человек, благодарит многих ... – hidura