jQuery技术

jQuery实现元素块可以点击效果

字号+ 作者: 来源: 2014-11-16 22:49 我要评论( )

这里这个例子将教你如何让整个块元素都可以点击,实现这个页面中侧边栏标签的效果。

jQuery元素块点击

实现该示例的jQuery 代码:

$(document).ready(function () {
 $(".pane-list li").click(function () {
 window.location = $(this).find("a").attr("href");
 return false;
 });
});

假设你有一个<ul>的列表,其class为”pane-list”,现在你想让嵌套在其中的所有<li>可以点击(整个元素 块),你可以设置给 “.pane-list li”设置一个点击函数。当它点击是,这个函数会寻找<a>元素,浏览器重定向到它的href属性值的位置。

jQuery实现元素块可以点击源码下载jQuery实现元素块可以点击源码下载|共15.55 kB|已下载(33)次

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评