2010-07-11 65 views
0

爲什麼此代碼(取自jquery ui的演示示例)對我不起作用?它說.button()不是一個函數。jquery ui按鈕錯誤

更新:嘗試從谷歌加載沒有運氣。這裏是前述錯誤

$( 「演示按鈕:第一個」)按鈕是不是一個函數

線27

http://pastie.org/1039784

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
    <title>Page Title</title> 
    <link rel="stylesheet" href="screen.css" type="text/css" media="screen" title="no title" charset="utf-8" /> 
    <link rel="stylesheet" href="scripts/css/ui-lightness/jquery-ui-1.8.2.custom.css" type="text/css" media="screen" title="no title" charset="utf-8" /> 


    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("jquery", "1.3.2"); 
    google.load("jqueryui", "1.7.2"); 
</script> 


</head> 
<body> 
    <div id="container" class="container"> 

    <script type="text/javascript"> 
     $(document).ready(function(){ 
       $(".demo button:first").button({ 
      icons: { 
       primary: 'ui-icon-locked' 
      }, 
      text: false 
     }).next().button({ 
      icons: { 
       primary: 'ui-icon-locked' 
      } 
     }).next().button({ 
      icons: { 
       primary: 'ui-icon-gear', 
       secondary: 'ui-icon-triangle-1-s' 
      } 
     }).next().button({ 
      icons: { 
       primary: 'ui-icon-gear', 
       secondary: 'ui-icon-triangle-1-s' 
      }, 
      text: false 
     }); 

     }); 
    </script> 


<div class="demo"> 

    <button>Button with icon only</button> 
    <button>Button with icon on the left</button> 
    <button>Button with two icons</button> 
    <button>Button with two icons and no text</button> 

</div><!-- End demo --> 

    <div> 
     <ul> 
      <li> 
       <a id="icon_only"></a> 
      </li> 
     </ul> 
    </div> 
    </div>    

</body> 
</html> 

回答

0

看起來像你的jQuery的路線可能是錯了,試試這個:

<script type="text/javascript" src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
    google.load("jquery", "1.3.2"); 
    google.load("jqueryui", "1.7.2"); 
</script> 

應該加載jquery和jquery ui libs從谷歌服務器和這種方式它應該工作正常

+0

沒關係,你是對的,谷歌負載工作,一旦我得到了1.4.2和1.8.2。版。在本地加載它有什麼問題? 謝謝! – badnaam 2010-07-11 16:36:03

+0

不知道,只是它不正確:我認爲這是「js/jquery.js」對不對?那麼它應該是你的js文件夾不在腳本所在的文件夾中。 我很高興它的工作;)無論如何是更好地使用這些庫在谷歌,這樣的客戶端請求是並行和加載速度更快。 – 2010-07-11 16:47:31