Заголовок "lofslidernews"

Question

Доброе утро, парни!

Недавно я взял MODx Evolution 1.0.6 (поскольку у Revolution возникали проблемы с отображением в Chrome) и приступил к созданию своего шаблона в Photoshop. Я разбирал дизайн, а также вырезал и экспортировал, и даже встроил "слайдер новостей" (lofslidernews). Я получил все функционирование, как и предполагалось, на тестовом сайте (как локальном, так и удаленном), но когда я пришел, чтобы интегрировать его в мою установку MODx в качестве шаблона (который также является тестовым сайтом, в то время как я создаю сам весь сайт), я не смог ползунок работает правильно.

Прежде всего, вот как должен выглядеть сайт - рабочий дизайн.

Тем не менее, вот что я получил, когда перешел на MODx - Failing MODx Design - Sadface.

ПРИМЕЧАНИЕ: хотя основной контент в первой ссылке упоминает Joomla!, это не Joomla! связанный плагин или модуль, и прекрасно работает в рамках стандартного скрипта. Фактическое содержание слайдера (например, описания и т. Д.) Находится на странице в виде стандартного HTML, хотя я, скорее всего, перенесу это на свой кусок, так как разработка продолжается.

Как вы можете видеть, в первой ссылке (обычный HTML и скрипт) все работает, но во второй ссылке (MODx) ползунок новостей удерживается в загрузчике и никогда не прогрессирует. Я проверил все файлы на месте (используя HTML-версию той же страницы в том же месте, куда она загружается, как и ожидалось). Очевидно, что со стандартной версией HTML я использовал ссылки на скрипты в заголовке, так как фрагменты не были бы доступны.

Я изучил фрагменты и считаю, что все правильно, но, поскольку я новичок в CMS, мне нужны некоторые проверки и указатели;

<?php
$modx->regClientCSS("http://www.innuendo-eu.co.uk/modx/jQuery/lofslidernews/css/style4.css");
$modx->regClientStartupScript("http://www.innuendo-eu.co.uk/modx/jQuery/lofslidernews/js/jquery.js");
$modx->regClientStartupScript("http://www.innuendo-eu.co.uk/modx/jQuery/lofslidernews/js/jquery.easing.js");
$modx->regClientStartupHTMLBlock("<script type='text/javascript'>
 $(document).ready(function(){  
        // buttons for next and previous item                        
        var buttons = { previous:$('#jslidernews1 .button-previous') ,
                        next:$('#jslidernews1 .button-next') };
         $obj = $('#jslidernews1').lofJSidernews( { interval : 7500,
                                                easing          : 'easeInOutCubic',
                                                duration        : 500,
                                                auto            : true,
                                                maxItemDisplay  : 3,
                                                startItem:0,
                                                navPosition     : 'horizontal', // horizontal
                                                navigatorHeight : null,
                                                navigatorWidth  : null,
                                                mainWidth:980,
                                                buttons:buttons} );     
    });
</script>");
?>

Пожалуйста, обратите внимание: ради устранения неполадок я связался непосредственно со всем URL-адресом сценариев, а не с местными ссылками (то есть префикс с ./).

Остальная часть страницы загружается, как и ожидалось, но загрузчик остается там. Если я удалю первую строку regClientCSSстраница загружается, но форматирование отсутствует, и, конечно, слайдер новостей не работает из-за отсутствия форматирования.

Творческая свобода, которую я мог бы иметь с MODx над Joomla! (моя текущая CMS) очень привлекательна, и я уверен, что хорошие люди из SO могут помочь мне в этом. Будем весьма благодарны за любую помощь в получении этой работы (и любые общие советы по MODx)!

Answer 1

"SyntaxError: неожиданный токен = в строке 17" в консоли

Ваша строка 17: "= $('#jslidernews1'). LofJSidernews( {интервал: 7500,"

Исходная строка 17: "$obj = $('#jslidernews1'). LofJSidernews( {интервал: 7500,"

это расширение для chrome полезно для обнаружения таких ошибок - https://chrome.google.com/webstore/detail/jafmfknfnkoekkdocjiaipcnmkklaajd

Answer 2

Я не мог понять, как исправить ошибку, которая была показана с помощью lofslidernews (ответ которой Васис помог мне найти причину, по которой она не работает), и поэтому я переключился на Orbit jQuery Slider. Мне пришлось немного отредактировать образец кода, представленный на этой странице (т.е. имена файлов для скриптов и CSS содержат номера версий, хотя на странице документации это не показано), но мне удалось все это подключить без проблема. Я принял ответ Васиса на основании того, что он ответил на исходный вопрос (особенно относительно того, почему он не работал).