最近帮朋友建个站点,用到了joomla+ja-mesoliteII模板,此模板在显示某个类型的商品列表时,有个排序的图片按钮,见附图所示.当点击时报脚本错误,用eclipse+xdebug跟了一下发现是在以下/components/com_virtuemart/themes/ja-mesolite/templates/browse/includes/browse_orderbyform.tpl.php文件内的第13行左右的单双引号嵌套写法不对,导致js脚未正常输出,因此脚本报错.
原始代码如下:
echo mm_writeWithJS('&nbsp;<input type="hidden" name="DescOrderBy" value="'.$asc_desc[0].'" /><a href="javascript: document.order.DescOrderBy.value="'.$asc_desc[1].'"; document.order.submit()"><img src="'. $mosConfig_live_site."/images/M_images/$icon"  .'" border="0" alt="'. $VM_LANG->_('PHPSHOP_PARAMETER_SEARCH_'.$asc_desc[0].'ENDING_ORDER') .'" title="'.$VM_LANG->_('PHPSHOP_PARAMETER_SEARCH_'.$asc_desc[0].'ENDING_ORDER') .'" width="12" height="12" /></a>',
注意:<a href="javascript: document.order.DescOrderBy.value="'.$asc_desc[1].'";这一段两个双引号连续导致问题,将第二三个双引号修改成\'即可,修改后如下:<a href="javascript: document.order.DescOrderBy.value=\''.$asc_desc[1].'\';问题解决.
最后,怀疑是否virtuemart组件是否也有问题,因此,search了一把发现,/components/com_virtuemart/themes/default/templates/browse/includes/browse_orderbyform.tpl.php文件内的对应的代码是正确的.因此,并不是virtuemart组件的bug,而是模板修改后引出的问题.virtuemart确实挺强大,至于模板嘛,感觉很多的模板一般问题都比较多.