2012-02-25 8 views
0

web.pyでjQuery UIを使用できますか? 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> 

答えて

1

jQuery UIが正しく読み込まれていない可能性があります。

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

代わりにhttp URLである必要があります。ローカルファイルシステムパスを使用したくないようです。 (相対ファイルシステムのパスである場合は、正しいかどうかを再確認してください)

正しいURLを使用していることを確認してください。

+0

を提案してくれてありがとう、しかし、jQueryのUIを私はするHTTP URLを発見していませんつかいます。このサイトはhttp://jqueryui.com/downloadのダウンロードを指しています。このコードはweb.pyフレームワークの外で正しく動作するので、ライブラリが正しく読み込まれていると思います。 –

+0

@Nora jQuery UIライブラリのコピーはどこにありますか?それをロードするために他のページはどのURLを使用していますか? –

+0

私のjQuery UIライブラリは/usr/local/pos/templates/jquery-ui-1.8.18.custom.min.jsにあります。絶対パスを使用して、web.pyの外部で実行されるコードフレームワーク内で実行されます。 –

0

これは古い投稿だと私は理解していますが、これも役立つかもしれません。あなたは、ローカルバージョンの代わりに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(最初の/最高の答え)

関連する問題