使用jQuery使div可点击

Question

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

单击该框转到未找到的页面。 我该如何进行这项工作？

的HTML

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

jQuery的

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

Answer 1

这是正确的代码：

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

Answer 2

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;
});

Answer 3

在此块中：

$(".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链接上一样。

与常规链接不同，DIV不需要默认操作，因此不需要在这些处理程序中return false 。

Answer 4

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

Answer 5

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

Answer 6

这是错误的行：

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

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

像这样纠正它：

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

Answer 7

在新窗口中打开....

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