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 回答