chrome下li标签onclick事件无效

最新推荐文章于 2021-12-22 17:31:58 发布

转载最新推荐文章于 2021-12-22 17:31:58 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zinan/p/6103262.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用jQuery简化DOM操作的方法：通过在文档加载完成后为ul元素的所有子元素绑定点击事件，当点击这些元素时触发页面跳转到指定URL。此技术适用于需要根据用户点击不同列表项进行导航的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//绑定事件

$(document).ready(function () { $("ul").children().click(function () { clickLi(this); }) });
//点击li标签跳转，根据li标签的url属性
function clickLi(obj) {
var liUrl= $(obj).attr("url");
if (liUrl) {
window.location.href = liUrl;
}

}

转载于:https://www.cnblogs.com/zinan/p/6103262.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30951389

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

XSS过滤绕过总结_xss绕过字符过滤

计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。

08-29

1938

XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。这些恶意网页程序通常是JavaScript，但实际上也可以包括Java，VBScript，ActiveX，Flash或者甚至是普通的HTML。攻击成功后，攻击者可能得到更高的权限（如执行一些操作）、私密网页内容、会话和cookie等各种内容。...

HTML5和CSS3 WEB技术开发

张晨光老师的播客

01-02

7207

B站视频参考：https://www.bilibili.com/video/BV1H44y1k7ze/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Uwbid43Z-1672665963237)(asseits/image-20210831212039584.png)]HTML:超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。 HTML 不是一种编程语言（C、Java、python、R等），而是一种标记语言 (markup

参与评论您还未登录，请先登录后发表或查看评论

关于onclick点击无效问题

08-20

1597

关于onclick点击无效问题当要点击的标签在form标签内时，onclick无效。在这个问题上困了好长时间，一项一项排查，自学尤其是遇到问题时，真是麻烦。还有删除节点报错问题： li.innerHTML = content+"<span>删除<span>"; 就是因为第二个两个span标签没有形成闭环，导致错误，...

动态生成的li标签，绑定点击事件无效

cutsmallji的博客

09-27

5961

在最近的一个项目中，有一个li标签做成的页签，打开这个页签需要满足我的条件才能打开，否则不能打开。就得给他绑定一个点击事件，开始我是 $("ul li:eq(0)").click(function(){}); 发现这段代码放在$(function(){});这个里面才有效，如果提出来，就没有效果。后面发现可以在$(function(){});这个代码块中给li标签绑定一个on...

ajax能不能实现点击事件,通过ajax,在ul加载了全部数据，添加了ul li 单击事件,可是触发不了。...

weixin_39725873的博客

08-05

215

通过ajax,在ul加载了全部数据，添加了ul li 单击事件,可是触发不了，如果是ul事件的话能触发。ajax/*省市*/$("#proNum").click(function(){$.ajax({type:"post",url:"region/jsonRegion",dataType:"json",success:function(data){$("#gj_disProvince").togg...

动态生成的html绑定click事件没有效果不执行 click事件重复绑定问题

noteless的博客

02-16

1万+

在js里面,click事件是存在重复绑定的情况的,如果你做了比如说,一个函数会执行多次,你每次都把绑定了click事件,那么他就会累加点一次相当于点了好几次还有就是对于动态生成的html如果append到某个div上面原有的绑定的click事件是不生效的需要重新绑定比如我现在遇到的问题: 场景就是手机端的网页,滚动下拉加载更多的内容,也就是分页加载滚动一下...

点击jq动态生成的li不触发点击事件

qq_38257857的博客

04-10

1508

参考：https://blog.youkuaiyun.com/sinat_38737592/article/details/89786896 动态生成代码（给ul中追加li）： $('.chat_left').append('<li class="chat_'+from_uid+'" data-block="'+from_uid+'"><a href="javascript:">...

jquery动态改变onclick属性导致失效的问题解决方法

01-19

代码如下: <li id=”” xss=removed></li> 虽然在很多时候，都是非常不推荐这样写的，但是还有有些时候会碰到这样的代码。那么你可能在某些时候需要去修改onclick 的属性如下：代码如下: $(“#id”).attr(...

selenium如何定位div里的li的onclick并点击

最新发布

07-12

我们想要定位一个div内部的li元素，并触发其onclick事件。根据引用[3]和引用[5]中的示例，我们可以使用XPath或CSS选择器来定位元素，然后使用click()方法或者JavaScript执行点击。步骤： 1. 定位到包含li的div，...

ie8模式下click无反应点击option无反应的解决方法

09-04

在IE8及其更早版本中，`<option>`标签不支持`onclick`或`click`事件，这是IE的一个已知兼容性问题。因此，使用jQuery的`click`事件绑定在`<option>`上，在IE8下是无效的。为了解决这个问题，开发者将事件绑定从`...

onclick进不去ajax,jquery ajax获取内容新增到页面上onclick无效

weixin_29122543的博客

08-05

302

页面如下，且每次点击li就能够弹出li里面的内容$(function(){$(“#btn”).bind(‘click’,function(){$.post(“2.html”,function(result){$(“#aaaa”).append(result);});});$(“#aaaa>li“).bind(‘click’,function(){alert($(this).html());}...

关于Chrome不支持click()模拟用户触发链接

北极熊的空间

04-26

892

有这样一段代码： $(document).ready(function () { $("#Button1").click( function () { $("").insertAfter($(this))[0].click();} ) } ) 在IE下工作正常，但是在

在谷歌浏览器下拉框中的onclick事件失效无响应解决方案

徊忆羽菲

12-22

1688

在谷歌浏览器下拉框中的onclick事件失效无响应解决方案源代码解决方案源代码 <select name="page" size="1" > <option onclick="qipa250(1)" selected="selected">第1页</option> <option onclick="qipa250(2)">第2页</option> </select> 这段代码在IE和火狐浏览下可以使用，在谷歌浏览器里面可以显示下来框

onClick在Chrome下无效

wbr306408943的博客

03-19

7181

相信大家对内联的js事件都不陌生。我们先来看看以下例子： nClick="func1();">1; 一眼过去，点击下拉框的选项“1”，就会执行func1；的确，打开360浏览器，以上思路的确行的通，但是在Chrome下却无效。究其原因，我们要实现的是在select元素中进行选择，选择后执行函数func1；上面的代码用了onClick实现选择功能，但是对于select元素来说真正的选择事件是cha

chrome 插件 click 无效

weixin_39975379的博客

03-23

3279

问题：在开发Chrome插件的时候，想在popup.html中添加一个按钮，增加点击事件，但是点击一直无效。解决方法： 1. 首先Chrome扩展程序不允许您使用内联JavaScript（文档）,所以你的js部分要写在一个外部的js文件中。一般叫做popup.js 2. 想要使click事件生效，我们需要监听在执行事件之前，页面已经加载完成 js 的代码这样写 // popup JS...

IE6|7|8/9兼容模式 UL LI OnClick 事件问题

飘零之家

04-02

1万+

不管你使用JSP、ASP.NET、PHP等何种语言，只要生成了以下类似HTML。便会发现出现以下问题系统设置权限管理

onclick事件没有反应的五种可能情况

qujing_1120的博客

08-07

5490

onclick=”alert()” 事件没有反应的几种情况。第一：双引号包括双引号，将里面的双引号改为单引号。第二： A没有赋值你或者 a的赋值写在了script里面，而没有写在head里面。这就是公共变量的问题。第三事件调用的是方法，是方法就应该加（）小括号。忘了加小括号。第四方法名是name（）。可能与某些关键词冲突，换一个名字或者加个123以

火狐3.0和 Chrome 浏览器 click()不支持方法改进

fengzheng0603的专栏

10-26

207

修改前的代码： var imgList = $("[name=imgList]") //获得name="imgList"的元素，imgList是你要触发click()事件的任何元素。 imgList[1].click(); //imgList 触发click()事件。修改后的代码： var imgList = $("[name=imgList]") //获得n...

onclick事件没有反应的五种可能情况。