2011-12-14 19 views
1

Spotify App(Spotify Apps APIを使用)でjQueryを追加して使用するにはどうすればよいですか?この記事http://docs.jquery.com/Using_jQuery_with_Other_LibrariesこれについてSpotify AppsとjQuery

私は楽しんでるのアプリケーションでこれを試してみました:

<body onload="sp = getSpotifyApi(1); j = sp.require('jquery'); tutorial = sp.require('tutorial'); tutorial.init();"> 

そして:

var $j = j.jQuery.noConflict(); 
$j("h2").text("ddd"); 

をしかし、追加しないで、なぜそれが...

答えて

8

の作品はありませんhead内のjQuery.jsファイル?

ので、あなたがチュートリアルhttp://developer.spotify.com/download/spotify-apps-api/tutorial/を取るならば、それは

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>My First App</title> 
    <link rel="stylesheet" href="sp://import/css/adam.css"> 
    <link rel="stylesheet" href="tutorial.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
</head> 
<body> 
<h1 id="header">Hello, world!</h1> 
</body> 
</html> 
+0

これは私がやったやり方です。 – slurmomatic

+4

あなたのマニフェストのRequiredPermissionsに[http://ajax.googleapis.com](http://ajax.googleapis.com)を追加すると、これが動作します。 – jmaxyz

-1

に変更します私は、スクリプトタグを介して外部のファイルにアクセスすることを許可されているとは思いません。ただし、jquery.jsをダウンロードしてアプリケーションフォルダに配置すると、例のようにアクセスできます。アドオンでのスクリプトタグを通じてjqueryのを使用するための

2

は、jqueryのダウンロードあなたのアドオンフォルダに保存し、単にそのようにそれを呼び出すことです:

を:

<script type="text/javascript" src="jquery.js"></script> 

ガイドラインが言うので、これは理にかなっています

[...] 内のすべてのロジック/レイアウト/グラフィックス/などをバンドルして、ランタイム中に置き換えられないようにする必要があります。[...] 要注意自分のバックエンドからのデータを取得し、 その他のデータはアプリケーションバンドル自体に入ります。

これは、外部場所とマニフェストのRequiredPermissionsリストにリストされている場所にのみPOST/GET要求を行うことができることを意味します。 マニフェストでajax.googleapis.comを許可し、jqueryを外部呼び出しでダウンロードし、悪意のある関数を使って実行するなどの方法でハックすることは可能でしょうが、実際には表示されませんポイント。

CDNを使用すると、読み込み時間を節約するために、以前のユーザーが同じCDNからダウンロードしたjQueryのキャッシュバージョンを使用するのが理想的なWebサイトで最も役に立ちます。ただし、アプリケーションのすべてのユーザーが常にインターネットに接続されている場合でも、アプリケーションの認定ケースでは、jqueryをリモートでホストするのに実質的な利益はありません。

+0

これはscript.jsのコードでは必ずしも機能しません – user507410

1

これはドキュメントの先頭に貼り付けられています。私のアプリは、社会的であるとjQueryには、以下の/js/jquery-1.7.1.min.js書き込みに常駐している場合

sp.require("sp://social/js/jquery-1.7.1.min"); 
0

あなたはあなたのindex.htmlのスクリプトタグを含めることによって、jQueryのを使用することができますが、それはあなたのことをお勧めしますアプリケーション内のローカルコピーからjquery.jsをロードします。そうしないと、manifest.jsonのRequiredPermissions配列にcode.jquery.com suddomainを追加する必要があります。

関連する問題