Использование jScrollPane на сайте.Не будет прокрутки с колесом прокрутки.В чем дело? - PullRequest
0 голосов
/ 20 декабря 2011

пример сайта: http://ec2 -107-22-119-73.compute-1.amazonaws.com / index.php / info / database

Рабочий пример: http://jscrollpane.kelvinluck.com/mwheel_intent.html

Я не могу заставить работать колесо прокрутки.

Если вы не можете сказать по URL, мой сайт - это сайт выражения.Используя Coldfusion и подобный мусор для создания страниц.

Кто-нибудь?(Я пытался найти эту проблему, но, похоже, никто просто не смог заставить работать прокрутку.)

1 Ответ

0 голосов
/ 20 декабря 2011

Убедитесь, что пути к вашим файлам JavaScript / CSS названы правильно и не выдают 404 ошибки.

Самый простой способ обеспечить действительные ссылки на ваши активы - использовать единственную глобальную переменную {site_url} при связывании ресурсов в ваших шаблонах:

<script src="{site_url}/script/jquery.mousewheel.js"></script>
<script src="{site_url}/script/jquery.jscrollpane.min.js"></script>

Что приведет к следующему:

<script src="http://example.com/script/jquery.mousewheel.js"></script>
<script src="http://example.com/script/jquery.jscrollpane.min.js"></script>

Поскольку вы используете шаблоны ExpressionEngine для своего CSS & mdash; в отличие от плоских файлов & mdash; Вы можете присвоить этим именам шаблонов расширение .css.

Так что вместо:

<link rel="stylesheet" href="/index.php?css=site/master.v.1324329515" />

Вы бы получили:

<link rel="stylesheet" href="/index.php?css=site/master.css.v.1324329515" />

Это не является абсолютно необходимым, поскольку EE установит правильный text/css MIME-тип в зависимости от типа шаблона . Однако это облегчает чтение и отладку исходного кода и является более стандартной практикой.

Понятно, что многие новички ссылаются и заимствуют код из Agile Records ExpressionEngine Theme , который доступен во время новых установок EE, поэтому легко понять подход EllisLab к разметке и архитектуре & mdash; будь то к лучшему или к худшему.


Бонус: удалите метку времени очистки кэша (v.1324329515) в ExpressionEngine из URL-адресов CSS, используйте переменную {path} вместо переменной {stylesheet}:

// With Cache-Busting String Appended
// http://example.com/index.php?css=site/master.css.v.1324329515"
<link rel="stylesheet" href="{stylesheet=site/master}" />

// Without Cache-Busting String
// http://example.com/index.php/site/master.css
<link rel="stylesheet" href="{path=site/master}" />
...