Visualforce + jQuery.

Question

Force.comサイトにjQuery Galleryプラグインを実装しようとしています。必要なすべてのファイルを含むzipファイルを静的リソースとしてアップロードしました。

スタイルシートとJavaScriptを以下のように参照しています。

<apex:includeScript value="{!URLFOR($Resource.jqueryadgallery, 'jquerygallery/jquery.ad-gallery.js')}" />
<apex:stylesheet value="{!URLFOR($Resource.jqueryadgallery, 'jquerygallery/jquery.ad-gallery.css')}"/>

.

これは、プラグインのために関連するCSSを取得しています（ここでチェックしてください - http：//coffeescripter.com/code/ad-gallery/ ）しかし、作業の唯一の部分は、CSSファイルに定義されているイメージ枠で表示されている画像サムネイルが表示されています。あなたはここで何をしたものを見ることができます - http：//fusedev-developer-edition.ap1。Force.com/imageDemo 。私はドキュメンテーションに従ったが、JavaScriptは機能していないようです。

あらゆる助けがあります、 歓声

Answer 1

ここにチェックすることがいくつかあります：

• SalesforceはPrototype.jsを使用しています。これはjQueryのように、グローバル変数$を使用します。jQueryを秘密にするのを防ぐために、スクリプトの上部に$j = jQuery.noConflict();のようなことをするのが常に最善です。jQuery Stuffの$jの代わりに$を使用するようにすべてのJavaScriptを変更する必要があります。

• あなたのjQuery PluginスクリプトがjQuery自体の前にロードされているように見えます。最初のapex:includeScriptがjQueryをロードしていることを確認してください。

• マイブラウザは、VFページの構文エラーを報告しています。

Answer 2

<apex:includeScript value="{!URLFOR($Resource.jquery, '/jquery/external/jquery/jquery.js')}"/>
<apex:includeScript value="{!URLFOR($Resource.jquery, '/jquery/jquery-ui.min.js')}"/>

<script>
    j$ = jQuery.noConflict();
    if(j$){
        alert('Success');
    }else{
        alert('Failure');
    }
</script>

.