怎么解决在ie11中时间可以重复被添加的问题

jiabeiw 2018-08-11 04:51:45
做如下的操作之后，在谷歌和火狐上运行成功，在ie11和edge上运行，时间可以重复被添加

$(".time-items-div .time-item-add").click(function (e) {
var h = $(".time-items-div .time-select-hour").val();
var m = $(".time-items-div .time-select-minute").val();
if (parseInt(h) < 10) {
h = "0" + h;
}
if (parseInt(m) < 10) {
m = "0" + m;
}
var time = h + ":" + m;
var isAdd = false;

$(".time-items-div ul li").each(function (i, e) {
var value = $(e).attr("value");

if (value == time) {
isAdd = true;
}


});
if (!isAdd) {
var li = $("<li value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")
$(".time-items-div ul").append(li);
}
});
...全文
241 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
jiabeiw 2018-08-11
  • 打赏
  • 举报
 回复
引用 3 楼 jslang 的回复:
[quote=引用 2 楼 weixin_42768952 的回复:]
[quote=引用 1 楼 jslang 的回复:]


$(".time-items-div ul li").each(function (i, e) {
var value = $(e).attr("data-value");

if (value == time) {
isAdd = true;
}


});
if (!isAdd) {
var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")
$(".time-items-div ul").ap


我试了这种方法，但是还是可以重复添加[/quote]
测试了，ie11没问题的


<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title> 页面名称 </title>

</head>

<body>

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<div class="time-items-div">

	<select class="time-select-hour">

		<option value="0">0</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="23">23</option>

	</select>:

	<select class="time-select-minute">

		<option value="0">0</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="59">59</option>

	</select>

	<input type="button" value="add" class="time-item-add" />

	<ul></ul>

</div>

<script type="text/javascript">

$(".time-items-div .time-item-add").click(function (e) {

    var h = $(".time-items-div .time-select-hour").val();

    var m = $(".time-items-div .time-select-minute").val();

    if (parseInt(h) < 10) {

        h = "0" + h;

    }

    if (parseInt(m) < 10) {

        m = "0" + m;

    }

    var time = h + ":" + m;

    var isAdd = false;



    $(".time-items-div ul li").each(function (i, e) {

           var value = $(e).attr("data-value");



            if (value == time) {

                isAdd = true;

            }





    });

    if (!isAdd) {

        var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")

        $(".time-items-div ul").append(li);

    }

});

</script>

</body>

</html>
[/quote]

引用 3 楼 jslang 的回复:
[quote=引用 2 楼 weixin_42768952 的回复:]
[quote=引用 1 楼 jslang 的回复:]


$(".time-items-div ul li").each(function (i, e) {
var value = $(e).attr("data-value");

if (value == time) {
isAdd = true;
}


});
if (!isAdd) {
var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")
$(".time-items-div ul").ap


我试了这种方法，但是还是可以重复添加[/quote]
测试了，ie11没问题的


<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title> 页面名称 </title>

</head>

<body>

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<div class="time-items-div">

	<select class="time-select-hour">

		<option value="0">0</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="23">23</option>

	</select>:

	<select class="time-select-minute">

		<option value="0">0</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="59">59</option>

	</select>

	<input type="button" value="add" class="time-item-add" />

	<ul></ul>

</div>

<script type="text/javascript">

$(".time-items-div .time-item-add").click(function (e) {

    var h = $(".time-items-div .time-select-hour").val();

    var m = $(".time-items-div .time-select-minute").val();

    if (parseInt(h) < 10) {

        h = "0" + h;

    }

    if (parseInt(m) < 10) {

        m = "0" + m;

    }

    var time = h + ":" + m;

    var isAdd = false;



    $(".time-items-div ul li").each(function (i, e) {

           var value = $(e).attr("data-value");



            if (value == time) {

                isAdd = true;

            }





    });

    if (!isAdd) {

        var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")

        $(".time-items-div ul").append(li);

    }

});

</script>

</body>

</html>
[/quote]




这么改完后 只可以添加一个时间，之后都不可以添加了
天际的海浪 2018-08-11
  • 打赏
  • 举报
 回复
引用 2 楼 weixin_42768952 的回复:
[quote=引用 1 楼 jslang 的回复:]


$(".time-items-div ul li").each(function (i, e) {
var value = $(e).attr("data-value");

if (value == time) {
isAdd = true;
}


});
if (!isAdd) {
var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")
$(".time-items-div ul").ap


我试了这种方法，但是还是可以重复添加[/quote]
测试了，ie11没问题的


<!doctype html>

<html lang="en">

<head>

	<meta charset="UTF-8" />

	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<title> 页面名称 </title>

</head>

<body>

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<div class="time-items-div">

	<select class="time-select-hour">

		<option value="0">0</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="23">23</option>

	</select>:

	<select class="time-select-minute">

		<option value="0">0</option>

		<option value="1">1</option>

		<option value="2">2</option>

		<option value="59">59</option>

	</select>

	<input type="button" value="add" class="time-item-add" />

	<ul></ul>

</div>

<script type="text/javascript">

$(".time-items-div .time-item-add").click(function (e) {

    var h = $(".time-items-div .time-select-hour").val();

    var m = $(".time-items-div .time-select-minute").val();

    if (parseInt(h) < 10) {

        h = "0" + h;

    }

    if (parseInt(m) < 10) {

        m = "0" + m;

    }

    var time = h + ":" + m;

    var isAdd = false;



    $(".time-items-div ul li").each(function (i, e) {

           var value = $(e).attr("data-value");



            if (value == time) {

                isAdd = true;

            }





    });

    if (!isAdd) {

        var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")

        $(".time-items-div ul").append(li);

    }

});

</script>

</body>

</html>
jiabeiw 2018-08-11
  • 打赏
  • 举报
 回复
引用 1 楼 jslang 的回复:
$(".time-items-div ul li").each(function (i, e) {
var value = $(e).attr("data-value");

if (value == time) {
isAdd = true;
}


});
if (!isAdd) {
var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")
$(".time-items-div ul").ap


我试了这种方法，但是还是可以重复添加
天际的海浪 2018-08-11
  • 打赏
  • 举报
 回复


$(".time-items-div ul li").each(function (i, e) {
var value = $(e).attr("data-value");

if (value == time) {
isAdd = true;
}


});
if (!isAdd) {
var li = $("<li data-value='" + time + "'><a class='time-item'><span class='time-item-title'>" + time + "</span><span class='time-item-remove'></span></a></li>")
$(".time-items-div ul").ap
一行代码解决各种IE兼容问题
一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10 前端面试秘籍,欢迎star! 在网站开发中不免因为各种兼容问题苦恼，针对兼容问题，其实IE给出了解决方案Google也给出了解决方案 百度也应用了这种方案去解决IE的兼容问题 百度源代码如下 1.<!Doctypehtml> 2.<htmlxmlns=http://www.w3.org/...
解决ajax在chrome中正常，在IE中不正常的问题
在做web开发是，大多时候都会使用FireFox作为调试的浏览器。上面携带的FireBug用来调试JavaScript实在是太方便了，绝大多数的问题都能够通过它跟踪调试出来。但是，当项目发布时，不能仅在这一款浏览器是运行正常就算正常了。还要做浏览器的兼容性测试。说到IE，相信很多人都会很头疼。这段时间就碰到了问题，使用Ajax去后台请求数据，在前台更新显示。开发阶段，在FireFox上一切正常。但...
IE中页面无法刷新，方法不执行的解决办法
IE中页面无法刷新，方法不执行的解决办法解决方法： 方法一： 直接修改浏览器设置Internet选项--浏览历史记录--设置-- Internet 临时文件的选项改为“每次访问网页时” - 方法二在请求的页面后加个随机数,我们可以使用随机时间函数 或当前时间戳a. 在javascript发送的URL后加上 Math.random() 例如这样: url=url+"?ran
vue+ie兼容 页面缓存不请求接口，重复请求页面不刷新，解决方案: axiox加时间戳
注意：并不是v-router里加时间戳，而是axios请求上加时间戳 在axios的封装中写： export default { //get请求 get(url, param) { return new Promise((resolve, reject) => { axios({ method: 'get', url, ...
IE6兼容性问题及解决办法汇总
1、IE6怪异解析之padding与border算入宽高 原因：未加文档声明造成非盒模型解析 解决方法：加入文档声明 2、IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距） 解决方法：display:inline 3、以下三种其实是同一种bug，其实也不算是个bug，举个例子：父标签高度20，子标签11，垂直居中，20-11=9，9要分给文字的上
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章