如何讓web.py和jQuery UI一起工作？

jQuery UI可以和web.py一起使用嗎？使用jQuery和web.py，您可以使用jQuery或$$觸發事件（因爲$被web.py用於模板變量） - 但是jQuery UI看起來並不一樣。如何讓web.py和jQuery UI一起工作？

我從下面的代碼中得到以下錯誤：jQuery（「＃dialog」）。dialog不是函數。相同的代碼在web.py框架之外正確執行。

<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <title>jQuery UI Example Page</title> 
    <script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script src="/usr/local/pos/templates/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     jQuery(function(){ 

      // Dialog   
      jQuery('#dialog').dialog({ 
       autoOpen: false, 
       width: 600, 
       buttons: { 
        "Ok": function() { 
         jQuery(this).dialog("close"); 
        }, 
        "Cancel": function() { 
         jQuery(this).dialog("close"); 
        } 
       } 
      }); 

      // Dialog Link 
      jQuery('#dialog_link').click(function(){ 
       jQuery('#dialog').dialog('open'); 
       return false; 
      });    
     }); 

    </script> 
</head> 
<body> 
<h1>Hello</h1> 

    <h2>Dialog</h2> 
    <a href="#" id="dialog_link">Open Dialog</a> 

    <!-- ui-dialog --> 
    <div id="dialog" title="Dialog Title"> 
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> 
    </div> 
</body> 
</html>

來源

2012-02-25 Nora Apsel

您可能沒有正確加載jQuery UI。

/usr/local/pos/templates/jquery-ui-1.8.18.custom.min.js

看起來應該是一個http URL而不是 - 您不想使用本地文件系統路徑。（如果它是一個相對文件系統路徑，請仔細檢查它是否正確。）

確保您使用的是正確的URL。

來源

2012-02-25 21:38:50

感謝您的建議，但隨着jQuery UI的我還沒有找到一個http網址使用。該網站指向下載：http://jqueryui.com/download。由於這段代碼可以在web.py框架之外正常工作，我相信這個庫已經被正確加載了。 – 2012-02-25 21:55:22

@Nora你的jQuery UI庫位於哪裏？其他頁面使用哪個URL來加載它？ – 2012-02-25 21:55:58

我的jQuery UI庫位於/usr/local/pos/templates/jquery-ui-1.8.18.custom.min.js中，我使用絕對路徑來消除在web.py之外執行的代碼之間的任何區別並在框架內。 – 2012-02-25 21:59:30

我明白這是一箇舊帖子，但我覺得這也可能有幫助。你說你找不到一個http來代替本地版本。 Google在其CDN上託管了多個Java腳本庫。你可以在這裏查看這個信息 - https://developers.google.com/speed/libraries/devguide

只需點擊你想要的圖書館。他們有jquery和jquery ui，正是你需要粘貼的東西。

如果你想爲jQuery UI的CSS的文件，你可以找到鏈接到那些在這裏 - Downloading jQuery UI CSS from Google's CDN（第一/最佳答案）

來源

2013-07-27 19:47:24 Tom

如何讓web.py和jQuery UI一起工作？

回答

相關問題