jq根据后端返回的对象值来控制权限显示的方法

<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1">
    <title>权限显示控制方法</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no,email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes"/>
    <meta name="author" content="liweiliang">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
</head>
<body>      
    <style>
       .permit_items{display: none;float:left; width: 50px; height: 30px; line-height: 30px; text-align: center; margin:5px; border:1px solid red;}
   </style>
   <p>Hello world! </p>
   <div class="permit_items" permit="sales">查看</div>
   <div class="permit_items" permit="sales_add">添加</div>
   <div class="permit_items" permit="sales_del">删除</div>
   <div class="permit_items" permit="sales_edit">编辑</div>
   <div class="permit_items" permit="sales_publish">上下架</div>
   <div class="permit_items" permit="artical">文章</div>
   <div class="permit_items" permit="role">角色</div>
   <div class="permit_items" permit="user">用户</div>
   <script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
   <script>
      $(function(){
            var objpremit = {"sales_add":true,"sales_del":true,"sales_publish":true,"user":true};
            $("[permit]").each(function(k,v){
                j = $(v).attr("permit");
                if(objpremit[j]){
                    $(v).show();
                    console.log("show");
                }else{
                    $(v).hide();
                }
            });
    })
</script>
</body>
</html>
版权声明：本文为李维亮博主的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：http://www.liweiliang.com/576.html

标签: 权限显示控制方法

评论已关闭