最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > 建站教程 > CMS教程 > ECShop教程 >

ecshop 部分jquery效果介绍

时间:2014-06-10 11:03来源: 作者: 点击:
今天做模板的时候, html 页面中的所有 JS 效果都是可以显示的。 但是即使是把 html 页面的代码全部拷贝到 dwt 页面中也是不行。 由于模版中用了 jquery 部分代码和 smarty 的标签冲突。例
(责任编辑:admin)

今天做模板的时候,html页面中的所有JS效果都是可以显示的。

但是即使是把html页面的代码全部拷贝到dwt页面中也是不行。

由于模版中用了jquery部分代码和smarty的标签冲突。例如


$(".sr_list ul li").hover(function() {$(this).addClass("hover").siblings().removeClass("hover");},function(){});
$(".share_tab ul li").hover(function(){ $(".fenxiang_box ul").eq($(this).index()).show().siblings(".fenxiang_box ul").hide();},function(){});

smarty{$}这种是输出模板变量的标签,

所以解决方法是给{$}标签的大括号给敲个回车,为了保险起见,我又在回车的地方写了个空格。

改成这种就行了

$(".sr_list ul li").hover(function(){
  
 $(this).addClass("hover").siblings().removeClass("hover");
  
 },function(){});
$(".share_tab ul li").hover(function(){
  
 $(".fenxiang_box ul").eq($(this).index()).show().siblings(".fenxiang_box ul").hide();
  
 },function(){});

 

------分隔线----------------------------
栏目列表
推荐内容