jquery - 使用 Div 作为与 jQuery 数据的链接

Question

我有一个<div>我想用作链接的。

是否使用 JQuery 的data方法将我想要链接的 URL 链接到“良好实践”的方式来完成此操作？

在<div>嵌套标签上触发点击事件<a>开始变得混乱。

Answer 1

另一种选择，如果<a>嵌套在<div>您正在谈论的内部：

$('#someDiv').click(function(){
    window.location.href = $(this).find('a').attr('href');
});

尽管查看更多代码将有助于找到最佳答案。

Answer 2

您可以将 a 添加data-url到div，然后使用 jquery 查看data-url单击div的内容，然后最后使用将页面导航到该 urlwindow.location.href = url;

HTML：

<div id="container" data-url="http://google.com">Click me</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

jQuery：

​$('#container').click(function() {
   var url = $(this).attr('data-url');
   window.location.href = url; 
)};​​​​​

查看工作示例 - http://jsfiddle.net/JfAHp/