chrome下li标签onclick事件无效

//绑定事件

$(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;
}

}

时间: 2024-12-27 08:35:14

chrome下li标签onclick事件无效的相关文章

浮动元素的兼容以及ie6下li标签的部分兼容性问题

清除浮动的方法有许多比较常用的是 .clear{zoom: 1;} .clear:after{content: "";display: block;clear: both;} after伪类元素末尾添加内容Ie6,7不兼容可以用zoom来解决(zoom缩放会触发ie下的haslayout使元素根据自身内容计算宽高但火狐不支持但可以通过after伪类解决) 两者结合解决的浏览器不兼容的问题: ie6下li标签的部分兼容性问题: 可以通过给li标签加 vertical-align: top

当父盒子的宽装不下li标签的时候

当父盒子的宽装不下需要的li标签的时候(li标签用foat时),可以把ul标签作为一个盒子,赋予它的宽度大于需要的一排的盒子宽度,小于(一排+1)个盒子宽度. 原效果图: 先效果图: 原代码: 现代码: 因为祖辈元素设置了宽高,并且不能超过他显示,影响美观.所以我们给祖辈元素设置一个overflow:hidden,隐藏多余部分.

ie下li标签中span加float:right不换行问题解决方案

在IE6,IE7下使用标签时,在加入右浮动样式(float:right)后,会换行的bug解决方案:bug案例:新闻列表中,为使时间右对齐,加右浮动产生换行 <ul> <li><a href=“#”>BEST SUSHI MENU</a> <span>2012-12-24</span></li> <li><a href=“#”>BEST SUSHI MENU</a> <span&g

利用事件的冒泡特性,为子标签添加Onclick事件

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript

解决iscroll5在手机页面上onclick事件失效

Iscroll.js使用之后页面上面A标签的onclick事件无效了 解决办法 实例化IScroll的时候把preventDefault设为false,默认为true 1 var myScroll; 2 function loaded () { 3 myScroll = new IScroll('#wrapper', { 4 //preventDefault为false这行就是解决onclick失效问题 5 //为true就是阻止事件冒泡,所以onclick没用 6 preventDefault

IE6下A标签href和onclick同时存在时的问题

请求的链接是用的 A 标签,A上同时写了href和 A 标签而言,当用户鼠标单击的时候,A对象被触发时会首先去执行 请求.瞬时又执行href,这时ie6就会abort前一个请求. 解决方法就是:直接把onclick事件写在href中:href="javascript:do()" 还有一种解决方案:<a href="javascript:void(0)" false;">Test</a> 这样是忽略了href部分,这对于通过oncli

&lt;a&gt;标签href属性与onclick事件

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现. <a onclick="window.location.href='www.cnblogs.com'" href="javascript:void(0);">博客园</a> 博客园 这段代码在主流浏览器里都没问题,但在IE6下会出现不能跳转的问题.这究竟是什么原因呢? javascript:void(0); void(arg);可以理解为永远返回null

jQuery触发&lt;a&gt;标签的点击事件无效

1 <a id="workFrame" href="pages/work.html" target="FrameBox">首页</a> 2 3 $("#workFrame").tigger("click"); 上述的代码,其实挺正常的,但是怎么也触发不了a标签的click事件.百度一下,解决方案如下 1 <a id="workFrame" href=&quo

【Javascript】IE8兼容 背景图片与a标签的onclick事件

先说几句牢骚话. 虽然IE8比之IE6.7有很大的进步,但是在执行效率.兼容性上仍然有很多问题.被广大开发者喜爱的平台才是好平台. 可惜多亏当年盗版XP打开中国的计算机市场,IE作为一款捆绑软件仍然在中国有很大的使用人群.既然是中国人自己埋下的坑,咬着牙也要走下去. a标签的onclick事件 在开发现在这个平台时,用的是国产dwz开源前端框架,还是挺好用的,对IE的兼容性做的也比较好,很少发现有啥大问题. 只是如开头标题所示,页面弹出提醒框时,[确定]按钮点不了,导致页面相当于死机一样,只能重