2013-08-23 85 views
0

我想應用JQuery UI的按鈕,但我無法實現它。我遇到錯誤,如錯誤:TypeError:$(...)。按鈕不是函數。我添加了一個正確的js庫,但它不起作用。jquery按鈕的UI返回錯誤

代碼:

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Button - Default functionality</title> 
    <link href="../../Content/flick/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /> 
    <script src="../../Scripts/jquery-1.10.2.js" type="text/javascript"></script> 
    <script> 
    $(function() { 
    $("input[type=submit], button") 
     .button() 
     .click(function(event) { 
     event.preventDefault(); 
     }); 
    }); 
    </script> 
</head> 
<body> 
<input type="submit" value="A submit button" /> 
</body> 
</html> 
+0

它看起來像你的jQuery包括和jQuery UI的CSS的,但不是的JavaScript jQuery用戶界面。 –

+0

@RaphaelSchweikert哎呀,我犯了一個愚蠢的錯誤。謝謝你的幫助。 – user2688364

回答

0

你缺少的jQuery的ui.js文件,

您需要包括jQuery的ui.js文件包含jQuery庫後

0

您缺少jQuery UI.js

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/> 

button() - 表示jQuery UI.js中的方法不在CSS中。

檢查這個JSFiddle

0

您需要添加以下

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>