лучшие практики для реализации плагинов Jquery и расположения ресурсов

Question

Это, вероятно, очень простой вопрос, но у меня, похоже, есть проблемы с подключением плагинов jquery. Кажется, проблема связана с расположением скрипта, css и изображений, а также с тем, что css имеет правильный URL-адрес к изображениям.

Стандартный плагин имеет следующую структуру папок (например: JPicker)

• JS
• css
• изображения

Мой проект asv.net mvc, поэтому у меня по умолчанию:

• Сценарии
• изображения
• содержание

Итак, я пытаюсь разделить плагин jquery на соответствующие папки (не уверен, что это лучший способ?). Затем я пытаюсь исправить ссылки на изображения (фоновые URL) в CSS. Я полагаю, что URL относится к странице, которая реализует файл CSS, а не местоположение самого файла CSS.

В любом случае, когда я пытаюсь описать выше, плагины не работают. Я считаю, что проблема заключается в том, что изображения не найдены. Код jquery выполняется без ошибок, поэтому я предполагаю, что это не проблема.

Любая помощь / совет высоко ценится

Answer 1

В CSS изображения должны быть в соотношении к файлу CSS , чтобы исправить другие плагины. Но ... это не проблема конкретно с jPicker. По какой-то причине этот плагин ссылается на файлы непосредственно в .js. Он имеет жестко заданный путь к изображениям, который вы можете найти в коде здесь:

clientPath: '/jPicker/images/'

Чтобы переопределить это, при вызове jPicker установите путь следующим образом:

$('#myPicker').jPicker({images:{clientPath:'/images/'}}); 

Answer 2

Это Крис Тиллман, разработчик плагина jPicker. Я хотел ответить, почему скрипт ссылается на файлы с параметром clientPath.

Причина, по которой на файлы ссылаются напрямую, а не только с использованием включенных файлов CSS, заключается в IE5.5 / 6. Они не поддерживают прозрачность без использования фильтра, и мне нужен путь файла к изображениям, чтобы установить фильтр. Если бы я мог устранить это, то это могло бы быть связано с файлом CSS.

Я всегда рекомендую использовать абсолютный путь для clientPath, потому что в JavaScript, когда я получаю эти местоположения изображений, они будут связаны с текущей страницей, а не с файлом JS. Это означает, что если вы использовали относительные пути и имели две страницы в разных местах, вам понадобятся две копии изображений.

Однако вы можете разделить файлы CSS и изображения и указать clientPath на папку изображений. Я не использую clientPath, чтобы увидеть какие-либо файлы CSS или JS. Просто укажите правильное расположение CSS и JS на своей странице и установите clientPath в папку, где находятся изображения.