老莫的笔记本  
  
查看: 930|回复: 0

湖南省纪检监察党建系统杂记

[复制链接]

664

主题

881

帖子

5169

积分

超级版主

Rank: 8Rank: 8

积分
5169
发表于 2018-4-26 11:39:51 | 显示全部楼层 |阅读模式
1. Swiper插件 不兼容IE9 问题:第一个3761行的 classList IE不能识别报错
2. 多行省略需要用到插件:jquery.ellipsis.js。 单行省略不用。
3. iframe标签如果把URL写上那刷新会回到URL页面。利用cookie改。
4. jquery。1.4版本之前。里面的dataType:json,是可以用的 。之后dataType获取的数据格式必须是严谨的JSON数据格式。所以长报错。解决方法:
5. $.ajax({ url: "lib/jiashuju.txt",  
6.                 dataType:"text",
7.                 data: 'jsonStr=',
8.                 complete: function(f){
9.                    var jsonData = eval("("+f.responseText+")");
10.                     fEach(jsonData,'shizhen','#shizhen')
11.                 },error: function(f){
12.                   alert('获取信息失败')
13.                 }
14.         });
. IE8 不支持forEach 建议用for in循环。
7 . IE a标签点击会让元素上有虚线 解决方法:a:focus{
    outline:none;
}
关于iframe标签网页打开是在里面 还是在iframe标签外面问题:
<head><base target="_parent"></head>
所有点开的 链接 都将单独打开一个页面
  target="_blank"
新版本、去掉iframe
改动:去掉导航所有连接标签带有的、traget=”iframe” ;
            添加body背景图片/要做属性填写
                右侧模块改动。
8:
我遇到个小问题
:
问题是这样的
:
我在这执行一个函数 函数的定义 就是 点击之后更换iframe的  src为 该函数绑定的data-html的值   
:
问题来了: 我点击任何一个都可以执行这个函数  可是怎么获取这个 被我点击的元素的 这个属性呢?
1. <p>首先定义两个按钮,添加一些常规属性typeidvalue</p>  
2. <p>其次再定义给每个按钮一个自定义的属性custom</p>  
3. 与方法一配套的input  
4. <input type="button" id="button1" value="按钮1" custom="这是自定义的属性1" onclick="button1(this)"/>  
5. </br>  
6. </br>  
7. 与方法二配套的input  
8. <input type="button" id="button2" value="按钮2" custom="这是自定义的属性2"/>  

2js代码
1. <script type="text/javascript">  
2.     //现在我们要做的就是点击button,获取到他的整个html或者整个对象  
3.     //方法一:直接给button一个onclick事件  
4.     function button1(e){  
5.         //得到html  
6.         console.log(e)  
7.         //得到对象  
8.         console.log($(e))  
9.         //得到自定义的custom  
10.         console.log($(e).attr("custom"))  
11.     }  
12.           
13.     //方法二:通过js动态的给按钮添加一个click事件  
14.     $(function(){  
15.         $("#button2").click(function(){  
16.             //得到html  
17.             console.log(this)  
18.             //得到对象  
19.             console.log($(this))  
20.             //得到自定义的custom  
21.             console.log($(this).attr("custom"))  
22.         })  
23.     })  
24. </script>  
又遇到个小问题:inputnumber 可以显示上下箭头 并且可以输入字母e
解决CSS
input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button{
        -webkit-appearance: none !important;
        margin: 0;
    }
    input[type="number"]{-moz-appearance:textfield;}
JS行间:
<input class="bai_inp" type="number" name="user_phone" placeholder="请输入手机号" />

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表