Question

早上好！[/ p>

我最近选择了MODx Evolution 1.0.6（因为Revolution在Chrome中存在显示问题），并开始在Photoshop中构建我的模板。我得到了设计，以及切片和导出，甚至内置了一个“新闻滑块”（ lofslidernews ）。我把它全部按照预期在测试站点（本地和远程）运行，但是当我将它作为模板（我也是一个测试站点，而我构建整个站点本身）集成到我的MODx安装中时，我无法滑块工作正常。

首先，这是网站应该是什么样的 - Working Design。

然而，这是我搬到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>");
?>

请注意：为了排除故障，我直接链接到脚本的整个网址，而不是本地引用（即带有./的前缀）。

页面的其余部分按预期加载，但加载程序停留在那里。如果我删除regClientCSS的第一行，页面会加载，但没有格式化，当然，由于缺少格式化，新闻滑块不起作用。

我可能拥有MODX而不是Joomla的创作自由！（我目前的CMS）非常有吸引力，我相信SO的优秀人才可以帮助我。任何帮助实现这项工作（以及任何针对MODx的一般提示）都将不胜感激！

Answer 1

“控制台

中的”SyntaxError：意外的令牌=第17行“

你的第17行：“= $（'＃jslidernews1'）。lofJSidernews（{interval：7500，”

原帖第17行：“$ obj = $（'＃jslidernews1'）。lofJSidernews（{interval：7500，”

此chrome扩展程序可用于检测此类错误 - https://chrome.google.com/webstore/detail/jafmfknfnkoekkdocjiaipcnmkklaajd

Answer 2

我无法弄清楚如何纠正lofslidernews显示的错误（其中Vasis的回答帮助我找到了它无法正常工作的原因），所以我转而使用Orbit jQuery Slider。我确实必须对该页面上的示例代码进行一些编辑（即脚本和CSS的文件名中包含版本号，而文档页面没有显示这一点）但我设法将它全部连接起来而没有问题。我已经接受了Vasis答案，因为它回答了原来的问题（特别是关于它为什么不起作用）。

＆＃34; lofslidernews＆＃34;标题问题

2 个答案: