ajax原生为什么else会执行2次,为什么这里的alert会执行2次？

看了一下别人的评论，综合了一下，我觉得，这个问题的产生不是由于事件冒泡，而是由于label标签的使用(而且我觉得楼主这段代码$(this).parent('.toggle').siblings('.toggle').children('label').children('span').removeClass('input-checked');可以不用写呀。)。可以通过以下方式证明：

1.证明不是事件冒泡，使用 jQuery中的stopPropagation() 方法可以只阻止一个事件起泡。

js代码如下修改：

$('label').click(function(event){

//$(this).children('span').addClass('input-checked');

console.log(event.target);

var value = $(this).children('input').val();

//$(this).children('span').removeClass('input-checked');

//alert(value);

//console.log(value);

//alert(value);

//return false;

event.stopPropagation();

});

会发现输出的结果是：s01e01

不加该段代码也是这样的，因此不是事件冒泡行为。至于有的层主说用return false，它是阻止了默认的行为(在这里叫做关联行为吧哈哈，是由于label把span和input关联在一起，用return false是取消了关联行为吧)。

2.证明是由于label的关联效果。

我将楼主的代码修改为如下：

s01e01

s01e02

s01e03

ajax原生为什么else会执行2次,为什么这里的alert会执行2次？相关推荐

ajax 原生js操作ajax
一.ajax 1.什么是ajax? ajax是异步javascript与xml,它是多种技术一个集合.可以无刷新状态更新页面. 2.ajax的优缺点: ...
关于Ajax原生封装
接上文,我们已经对原生的Ajax有了一个基础的了解,但是在我们日常工作中,不可能每次需要用到时在用原生写一遍,所以本文针对后续工作需要,对Ajax进行封装,主要演示其封装过程,便于理解其中原理. 1. ...
原生js的attachEvent和addEventListener解决window.onload在一个页面只能执行一次的问题
原生js的attachEvent和addEventListener解决window.onload在一个页面只能执行一次的问题参考文章: (1)原生js的attachEvent和addEventLis ...
php 两次post,ajax跨域往php程序post数据时，php程序总是执行两次的解决办法
ajax跨域往php程序post数据时,php程序总是执行两次的解决方法 php程序是部署在IIS7上面,ajax提交数据时,遇到了两个问题,一个就是跨域,一个php程序总会被执行两次. 第一个问题的 ...
ajax定时器怎么写,js定时器怎么写？就是在特定时间执行某段程序
js定时器怎么写?就是在特定时间执行某段程序复制代码代码如下: $(function(){ var handler = function(){ } var timer = setInterval( ...
c语言中执行一次的函数once,iOS只执行一次的方法
IOS开发(64)之GCD任务最多只执行一次 1 前言使用 dispatch_once 函数在 APP 的生命周期内来保证你想确保每段代码只执行一次,即使它在代码的不同地方多次调用(比如单例的初始 ...
php 代码延迟执行,php和js编程中的延迟执行效果的代码
php和js编程中的延迟执行效果的代码 php sleep(10); usleep(10); js里的 setInterval("方法", 100); PHP sleep() 函数 ...
为什么当项目启动后执行两次过滤器再进行访问资源时执行一次过滤器
为什么当项目启动后执行两次过滤器再进行访问资源时执行一次过滤器粗线的理解,启动项目后进行了两次请求,访问两次过滤器.访问资源时只进行一次请求,所以访问一次过滤器. 于是为了更加清楚地看清在启动项目 ...
【Java】面试官灵魂拷问：if语句执行完else语句真的不会再执行吗？
写在前面最近跳槽找工作的朋友确实不少,遇到的面试题也是千奇百怪,这不,一名读者面试时,被面试官问到了一个直击灵魂的问题:if 语句执行完else语句真的不会再执行吗?这个奇葩的问题把这名读者问倒了! ...
python直接执行代码漏洞_修复Python任意命令执行漏洞
Author:JoyChou@美丽联合安全 Date:20180605 1. 前言今天遇到一个不好做白名单的Python命令执行漏洞修复的问题.由于是shell=True导致的任意命令执行,一开始大 ...

ajax原生为什么else会执行2次,为什么这里的alert会执行2次？

ajax原生为什么else会执行2次,为什么这里的alert会执行2次？相关推荐

最新文章

热门文章