0

早上好家伙！

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

首先，网站应该是这样的——工作设计。

但是，这就是我在移至 MODx -失败的 MODx 设计 - 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，而不是本地引用（即带有 a 的前缀./）。

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

通过 Joomla 的 MODx，我可能拥有的创作自由！（我目前的 CMS）非常吸引人，我相信 SO 的好人可以帮助我。任何有关使这项工作的帮助（以及任何关于 MODx 的一般提示）将不胜感激！

4

2 回答 2

1

控制台中的“SyntaxError: Unexpected token = in line 17”

您的第 17 行：“= $('#jslidernews1').lofJSidernews({interval : 7500,”

原始第 17 行：“$obj = $('#jslidernews1').lofJSidernews({interval : 7500,”

这个 chrome 扩展对于检测此类错误很有用 - https://chrome.google.com/webstore/detail/jafmfknfnkoekkdocjiaipcnmkklaajd

于 2012-08-05T10:19:29.660 回答
0

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

于 2012-08-05T15:14:37.150 回答