文档章节

jQuery.ajax动态添加标签无法被获取到

bithup
 bithup
发布于 2017/05/02 11:39
字数 191
阅读 86
收藏 1
点赞 0
评论 0

问题:在ajax中获取数据后为页面动态添加<li>标签,点击<li>标签时,无法执行jQuery的onClick方法

原因:添加<li>标签的方法在ajax方法内部,而jQuery的onClick方法在ajax方法的外部。

 

解决办法:将添加<li>标签的方法和onClick方法同时放在ajax的内部或外部

$.ajax({
    url:"/",
    type:"POST",
    dataType:"json",
    success:function(data){
		var resultData = data;
		/*遍历预定信息*/
		var venueInfo="";
		$.each(resultData.resultData.venueList,function (i,item) {
			venueInfo+="<ul class='swiper-slide'> <li class='site_num'>"+item.venue_no+"号场</li>";
            for(var i=startTime;i<=endTime;i++){
                if(i==10){
                    venueInfo+="<li class='fulled'></li>";
                    $(".fulled").attr("disabled","disabled");
                }else{
                    venueInfo+="<li></li>";
                }
            }
            venueInfo+="</ul>";
        });
        $("#venueInfo").html(venueInfo);
		/*在ajax内部为li标签绑定click事件*/
        $(".right_wrap ul li").on("click",function(){
			$(this).toggleClass("seled");
        });
    }
});

 

© 著作权归作者所有

共有 人打赏支持
bithup
粉丝 8
博文 73
码字总数 85305
作品 0
郑州
程序员
关于angulerjs的八种技巧

第一 迭代输出之ng-repeat标签 ng-repeat让table ul ol等标签和js里的数组完美结合 你甚至可以指定输出的顺序: 第二 动态绑定之ng-model标签 任何有用户输入,只要是有值的html标签,都可以...

a69694510 ⋅ 2017/06/28 ⋅ 0

JS跨域交互(jQuery+php)之jsonp使用心得

JSON是一种基于文本的数据交换方式,或者叫做数据描述格式,这篇文章主要介绍了JS跨域交互(jQuery+php)之jsonp使用心得的相关资料,非常不错,具有参考借鉴价值,需要的朋友一起学习吧 什么是...

mickelfeng ⋅ 2016/12/19 ⋅ 0

SpringMVC+Jquery+Ajax跨域请求获取数据

jsonp解释 下面就直接上代码了~~~ 前端js文件内容 `/** 脚本 / var page = { /* * 页面数据 /data:{ }, /* * 事件 /event:{ /* * 初始化事件 */initEvent:{ init:function(){var url = page...

青竹风 ⋅ 2016/10/21 ⋅ 0

04-老马jQuery教程-DOM节点操作及位置和大小

1. jQuery创建DOM标签 1.1 DOM动态创建标签的方法 DOM时代我们通过document的createElement方法动态创建标签。创建标签后,动态的给他添加属性。例如代码: 1.2 jQuery动态创建标签的方式 jQ...

aicoder ⋅ 2017/12/05 ⋅ 0

JavaScript多种跨域方式

JSONP方式 这种方法即引入不同源的脚本,该脚本载入后会调用全局的某个方法的,所以只要本页面提供该方法给它调用即可,从而达到跨域的目的。具体应用有jQuery.ajax的jsonp调用,也有script标...

前端届的科比 ⋅ 2015/09/05 ⋅ 0

全动态Portlet点击后选中样式

1 背景概述 在配置公司云平台的帮助信息过程中,由于使用的全动态portlet的数据URL获取到的是静态数据,没有办法在后台做选中的逻辑判断,所以需要在前台来控制选中列表的样式,这里将对前台...

数通畅联 ⋅ 2016/01/18 ⋅ 0

jQuery 视频插件--video.js

Video.js 是一个开源的 Html5 jquery 视频插件,这个插件可以用来处理 Flash 视频,它还是一个多平台支持的产品。Moreover,YouTube,Vimeo 等等的视频都可以很好地通过这个插件来播放。这个...

sikkx ⋅ 2015/06/10 ⋅ 2

关于Firefox中jQuery.ajax()一直返回Xml Document

关于Firefox中jQuery.ajax()返回Xml Document 相信使用过jQuery的同志都遇到过,jQuery.ajax(),(等同$.ajax()),在firefox中虽然设置属性dateType:“text”,但是返回的数据仍然为XML Docum...

Sky丿陌路 ⋅ 2012/12/16 ⋅ 0

深入浅出JSONP--解决ajax跨域问题

同源策略   为什么会出这样的错误呢?这是因为所有支持Javascript的浏览器都会使用同源策略这个安全策略。看看百度的解释:   同源策略,它是由Netscape提出的一个著名的安全策略。现在所...

ForingY ⋅ 2015/11/25 ⋅ 0

phpcms v9 实现筛选功能图文教程

phpcms v9实现数据内容筛选功能,很多人都想要这个功能,今天我就讲一下我是怎么实现phpcms v9数据内容筛选功能的。 先来看图: 注意:此教程目前只适用于动态页面,并且可能有些不完善的地方...

Jack_phpcms ⋅ 2017/04/27 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa ⋅ 53分钟前 ⋅ 0

sbt网络问题解决方案

转自:http://dblab.xmu.edu.cn/blog/maven-network-problem/ cd ~/.sbt/launchers/0.13.9unzip -q ./sbt-launch.jar 修改 vi sbt/sbt.boot.properties 增加一个oschina库地址: [reposit......

狐狸老侠 ⋅ 今天 ⋅ 0

大数据,必须掌握的10项顶级安全技术

我们看到越来越多的数据泄漏事故、勒索软件和其他类型的网络攻击,这使得安全成为一个热门话题。 去年,企业IT面临的威胁仍然处于非常高的水平,每天都会看到媒体报道大量数据泄漏事故和攻击...

p柯西 ⋅ 今天 ⋅ 0

Linux下安装配置Hadoop2.7.6

前提 安装jdk 下载 wget http://mirrors.hust.edu.cn/apache/hadoop/common/hadoop-2.7.6/hadoop-2.7.6.tar.gz 解压 配置 vim /etc/profile # 配置java环境变量 export JAVA_HOME=/opt/jdk1......

晨猫 ⋅ 今天 ⋅ 0

crontab工具介绍

crontab crontab 是一个用于设置周期性被执行的任务工具。 周期性执行的任务列表称为Cron Table crontab(选项)(参数) -e:编辑该用户的计时器设置; -l:列出该用户的计时器设置; -r:删除该...

Linux学习笔记 ⋅ 今天 ⋅ 0

深入Java多线程——Java内存模型深入(2)

5. final域的内存语义 5.1 final域的重排序规则 1.对于final域,编译器和处理器要遵守两个重排序规则: (1)在构造函数内对一个final域的写入,与随后把这个被构造对象的引用赋值给一个引用...

江左煤郎 ⋅ 今天 ⋅ 0

面试-正向代理和反向代理

面试-正向代理和反向代理 Nginx 是一个高性能的反向代理服务器,但同时也支持正向代理方式的配置。

秋日芒草 ⋅ 今天 ⋅ 0

Spring 依赖注入(DI)

1、Setter方法注入: 通过设置方法注入依赖。这种方法既简单又常用。 类中定义set()方法: public class HelloWorldOutput{ HelloWorld helloWorld; public void setHelloWorld...

霍淇滨 ⋅ 昨天 ⋅ 0

马氏距离与欧氏距离

马氏距离 马氏距离也可以定义为两个服从同一分布并且其协方差矩阵为Σ的随机变量之间的差异程度。 如果协方差矩阵为单位矩阵,那么马氏距离就简化为欧氏距离,如果协方差矩阵为对角阵,则其也...

漫步当下 ⋅ 昨天 ⋅ 0

聊聊spring cloud的RequestRateLimiterGatewayFilter

序 本文主要研究一下spring cloud的RequestRateLimiterGatewayFilter GatewayAutoConfiguration @Configuration@ConditionalOnProperty(name = "spring.cloud.gateway.enabled", matchIfMi......

go4it ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部