jquery - ul li click 无响应

  搞了很久, 发现对应jquery来说, 动态产生的ul li(其实不只是这个, 还有 table td等),

直接使用

$("#ul_div>li").click(function() {});

  是不起作用的。

  解决方案是

$("#ul_div").on("click", "li", function() {});

ref: http://stackoverflow.com/questions/14418451/click-event-on-dynamically-generated-list-items-using-jquery

我很郁闷, 内网很多哥们乱来的, 都不起作用。上面这个链接是我在 外网的可用解决方案。

时间: 2024-11-03 21:31:15

jquery - ul li click 无响应的相关文章

jQuery 遍历ul li 添加 移除

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

ul li a active jquery.cookie.js

div class="righter nav-navicon" id="admin-nav"> <div class="mainer"> <div class="admin-navbar"> <span class="float-right"> <a class="button button-little bg-main" href=&qu

ul li 切换 判断手机

$(function(){ var spans= $("ul > li ").click(function(){ $(this).parent().children().removeClass("tabs-selected"); $(this).addClass("tabs-selected"); }) }); <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional/

使用 jQuery Mobile 和 CSS3 实现响应式设计

使用 jQuery Mobile 和 CSS3 实现响应式设计 创建可以适应每个用户的屏幕分辨率的 Web 页面布局 jQuery Mobile 框架就其本身而言就是一个优秀的解决方案,可以快速创建一个可访问的由 HTML5 标记驱动的移动网站.当与 CSS3 配合使用时,工作真的会变得很有趣,因为它使创建一个根据屏幕分辨率来响应用户设备的 Web 页面布局成为可能.本文展示了如何使用 jQuery Mobile 框架和 CSS3 媒体查询在您的 Web 页面中实现响应式设计. jQuery M

jquery 单击li防止重复加载的实现代码

因为加载内容比较慢,所以用户可能在li上不经意点击了两次,那么就会请求两次,这是我们不想看到的. 今天在javascript-jquery群上一筒子发了两个demo给我,他的方法是先将单击的li节点拷贝出来,在加载完后 在重新插回去,显然不太适合我做的功能. 正一筹莫展,想了一下,何不在li点击时加入loading图片(在ajax加载前),判断li节点上是否存在了img元素, 没有则加载ajax内容,否则不处理. 测试了可以通过,\(^o^)/. <!DOCTYPE html PUBLIC &quo

Jquery Gallery – 很有特色的响应式 jQuery 相册插件

Jquery Gallery – 很有特色的响应式 jQuery 相册插件 DEMO      下载 1.介绍 jQuery制作zoom图片全屏放大弹出层插件. 2.使用方法 1.引入以下的js和css文件 1 <link rel="stylesheet" href="css/zoom.css" media="all" /> 2 <script src="js/jquery-1.9.1.min.js">

使用Jquery的Ajax实现无刷新更新,修改,删除页面

原文:使用Jquery的Ajax实现无刷新更新,修改,删除页面 本文将向大家讲述一下最近工作的一些总结,主要包括了以下内容,注册界面以及详细信息界面的编辑.主要是介绍了AJAX技术,因为我觉得其他方面没什么好介绍的.首先是跟大家说一下Ajax的优点,假如你删除了一个页面的内容,你想当于点击了一个按钮,那么这个页面必然发生了回发事件,也就是说,你的页面必然被刷新了一次.以下是我从网上找来的一张Ajax的原理图,本人PS技术太差了,所以索性从网上找算了. 其实我个人对于Ajax技术的理解并没有上面图

jquery批量绑定click事件

jquery批量绑定click事件: var selects = $(".public_select dd ul li"); debugger; /*$(".public_select dd ul li a").each(function(){ /!*$(this).click(function(){ alert("aa"); })*!/ alert("cc"); $(this).bind("click",

asp.netajax与jquery和bootstrap的无刷新完美实现

20190421asp.netajax与jquery和bootstrap的无刷新完美实现 设计代码和后台代码中重要部分加粗和深色以及字号加大. 设计前台代码: <%@ Page Title="添加/修改商家" Language="C#" MasterPageFile="~/Site_cg007.Master" AutoEventWireup="true" CodeBehind="web_cg007.aspx.c