Visualforce + JQuery

Question

Я пытаюсь реализовать плагин галереи jquery на сайте force.com. Я загрузил 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, использует глобальную переменную $.Всегда лучше сделать что-то вроде $j = jQuery.noConflict(); в верхней части вашего скрипта, чтобы предотвратить затирание прототипа в jQuery.Вам также нужно будет изменить весь свой javascript, чтобы использовать $j вместо $ для jQuery.

• Похоже, ваш скрипт плагина jquery загружается до самого 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>