早上好家伙!
我最近选择了 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 的一般提示)将不胜感激!