jsfiddle:http://jsfiddle.net/FgZnK/1/
单击该框会转到找不到的页面。我怎样才能做到这一点?
HTML
<div class="myBox"></div>
的jQuery
$(".myBox").click(function(){
window.location=$(this).attr("http://google.com");
return false;
});
答案 0 :(得分:12)
这是正确的代码:
$(".myBox").click(function() {
window.location = "http://google.com";
});
答案 1 :(得分:5)
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
);
});