He元素

Don't be shy just try!

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

场景:

页面中某些样式或者js中含有tp定义的模版标签,如果被tp当成模版标签解析,就会解析异常。

tp中提供了<literal></literal>标签用于禁止标签内部的代码被tp解析,保持原样。

所以在js或者style用literal包含进去,就可以防止这部分代码被tp误解析,也可用于任何和内置模板引擎的解析规则冲突的地方。

举例:

<literal>
<style type="text/css">
*{margin:0px;padding:0px;}
body{background:#000;}
/* music */
@-webkit-keyframes reverseRotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(-360deg);}
}
@-webkit-keyframes rotataZ{
    0%{-webkit-transform: rotateZ(0deg);}
    100%{-webkit-transform: rotateZ(360deg);}
}

</style>
</literal>

 

例子2

<literal>
<script type="text/javascript">
    //some code    
</script>
</literal>

 

另外一种方法:

加空格也可以解决

//源代码
0%{-webkit-transform: rotateZ(0deg);}
//修改后(加空格)
0%{ -webkit-transform: rotateZ(0deg);}

 

posted on 2016-05-20 10:17  He元素  阅读(1337)  评论(0编辑  收藏  举报