使用jquery使div可单击

时间:2011-03-11 08:28:57

标签: jquery

jsfiddle:http://jsfiddle.net/FgZnK/1/

单击该框会转到找不到的页面。我怎样才能做到这一点?

HTML

<div class="myBox"></div>

的jQuery

$(".myBox").click(function(){
    window.location=$(this).attr("http://google.com");
     return false;
});

7 个答案:

答案 0 :(得分:12)

这是正确的代码:

$(".myBox").click(function() {
    window.location = "http://google.com";
});

答案 1 :(得分:5)

http://jsfiddle.net/FgZnK/2/

HTML

<div class="myBox" data-href="http://google.com/">
</div>

JS

$(".myBox").click(function(){
    window.location = $(this).attr("data-href");
    return false;
});

答案 2 :(得分:2)

在这里:

$(".myBox").click(function(){
window.location=$(this).attr("http://google.com");
 return false;
});

您实际上是在尝试阅读名为 http://google.com的不存在的属性

相反,只需使用:

$(".myBox").click(function(){
    window.location = 'http://google.com';
});

如果您希望实际目的地位于标记而不是脚本中,请使用:

$(".myBox").click(function(){
    window.location = $(this).attr('href');
});

并在您的DIV上添加href属性,就像在A链接上一样。

这些处理程序中不需要return false因为DIV没有需要防止的默认操作,与普通链接不同。

答案 3 :(得分:0)

window.location="http://google.com";

答案 4 :(得分:0)

$(".myBox").click(function(){
    window.location.href="http://google.com";
    return false;
});

答案 5 :(得分:0)

这是错误的一行:

window.location=$(this).attr("http://google.com");

这没有任何意义,您尝试将位置更改为div的名为“http://google.com”的属性值。

就这样纠正:

$(".myBox").click(function(){
    window.location= "http://google.com";
     return false;
});

答案 6 :(得分:0)

在新窗口中打开。...

    $("#whatever").click(function() {
        window.open(
          'https://www.example.com',
          '_blank' // open in new window
        );
    });