我有几个想要作为超链接的 div。将一个 div 作为超链接不是问题,并且工作正常,但是当我将 2 个或更多 div 作为超链接时,它们都链接到与第一个 div 相同的位置 (page1.html)。
<div class="boxday1"> <a href="page1.html"/></div>
<div class="boxday2"> <a href="page2.html"/></div>
<div class="boxday3"> <a href="page3.html"/></div>
<div class="boxday4"> <a href="page4.html"/></div>
<div class="boxday5"> <a href="page5.html"/></div>
<div class="boxday6"> <a href="page6.html"/></div>
js
$(document).ready(function() {
$(".boxday1").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
});
$(document).ready(function() {
$(".boxday2").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
});
$(document).ready(function() {
$(".boxday3").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
});
等等...
关于我应该做什么的任何建议。感谢所有帮助
最佳答案
看看这个:-
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".boxday1").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
$(".boxday2").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
$(".boxday3").click(function() {
window.location = $(this).find("a").attr("href");
return false;
});
});
</script>
</head>
<body>
<div class="boxday1"> <a href="page1.html">page1</a></div>
<div class="boxday2"> <a href="page2.html">page2</a></div>
<div class="boxday3"> <a href="page3.html">page3</a></div>
</body>
在您放置结束 anchor 标记之前,它将引用相同的第一个链接。
关于javascript - div 作为超链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33968866/