您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

织梦wap手机模板ajax实现栏目选中

发布时间：2016-10-16 09:58:09编辑：雪饮阅读（）

 今天有个任务，要求在织梦手机wap模板中实现栏目点击后将该栏目加上特殊样式，若点击不进入新页面还好说，可是要是点击进入新页面就无法判断当前栏目是什么栏目，找了一会儿资料也没有找到相关标签调用等。于是还是自己想办法写吧。

实现原理：手机版织梦的链接中内容链接包含aid参数，栏目连接包含tid参数。那么我们只需要获取地址栏中的aid或者tid，若是aid则查询aid所属tid再根据tid和当前栏目导航列表中进行比对，找到与tid相同的则让其添加样式。若地址栏是tid，那就之间和栏目导航列表中进行比对，然后添加样式即可。

Head模版：

注意：需要引入jquery 

 

  <ul>

           <li class="dh"><a href="/m" class="on">网站首页</a></li>

           <li class="dh"><a href="list.php?tid=7" class="" >驾校简介</a></li>

           <li class="dh"><a href="list.php?tid=1" class="">新闻中心</a></li>

         </ul>

         <script>

         var dzl=window.location;

         dzl=dzl.toString();

         var tid="";

         $.ajax({

 url:'/m/api.php',

 data:{dzl:dzl},

 type:'post',

 cache:false,

 dataType:'text',

 success:function(data){

 tid=data;

 var dhlist=document.getElementsByClassName('dh');

 

 for(var i=0;i<dhlist.length;i++){

 var hrf=dhlist.item(i).getElementsByTagName('a').item(0).getAttribute('href');

 var hrfsy=hrf.indexOf('id=');

 

 if(hrfsy>-1){

 var dqid=hrf.substring(hrfsy+3);

                    if(dqid==tid){

                    dhlist.item(i).getElementsByTagName('a').item(0).className='on';

                    dhlist.item(0).getElementsByTagName('a').item(0).className='';

                    break;

                    }

 }

 

 }

 

 }

 });

 

         </script>

Api.php：

$dzl=$_POST["dzl"];

$dzl=$dzl."&t=y";

 

 

echo  file_get_contents($dzl);

view.php:

在顶部“require_once(dirname(__FILE__)."/../include/common.inc.php");

require_once(DEDEINC.'/arc.archives.class.php');“下插入如下语句：

//返回栏目id

if(isset($_GET['t'])){

        

        

         $aid=$_GET['aid'];

                   $sql = "SELECT typeid FROM `#@__archives` WHERE id='".$aid."'";

                   $row = $dsql->GetOne($sql);

                   echo $row['typeid'];        

 

                  

         exit;

}

//返回栏目id结束

 

 List.php:

同理在顶部“require_once(dirname(__FILE__)."/../include/common.inc.php"); “下也插入如下语句：

//返回栏目id

if(isset($_GET['t'])){

        

         if(isset($_GET['tid'])){

                   echo $_GET['tid'];

                   exit;

         }

        

}

//返回栏目id结束