Mẫu mãspan với sự kiện onclick bên trong một thẻ
<a href="page" style="text-decoration:none;display:block;">
<span onclick="hide()">Hide me</span>
</a>
Kể từ khi thẻ là trong khoảng không có thể nhấp vào nó. Tôi thử z-index nhưng không hoạt động
<a href="http://the.url.com/page.html">
<span onclick="hide(); return false">Hide me</span>
</a>
Đây là giải pháp đơn giản nhất.
Mã của bạn là tốt, nó nên thực hiện chức năng onClick.
Có thể hàm hide() không chính xác và không thực thi.
Bạn có gặp bất kỳ lỗi nào trong firebug không?
nó bắt đầu ẩn nó nhưng sau đó nó thay đổi trang – Ben
Tôi sẽ sử dụng jQuery để có được kết quả mà bạn đang tìm kiếm. Bạn sẽ không cần phải sử dụng một thẻ neo tại thời điểm đó nhưng nếu bạn đã làm nó sẽ như thế nào:
<a href="page" style="text-decoration:none;display:block;">
<span onclick="hide()">Hide me</span>
</a>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.2.min.js'/
<script type='text/javascript'>
$(document).ready(function(){
$('span').click(function(){
$(this).hide();
}
}
Khi bạn bấm vào hide me, cả một và khoảng nhấp chuột được kích hoạt. Kể từ khi trang được chuyển hướng đến khác, bạn không thể nhìn thấy hoạt động của hide()
Bạn có thể thấy điều này để làm rõ hơn
Có vấn đề – Ben
Bạn có thể sử dụng jQuery
Liên kết phải được bao gồm – Ben
Sau đó, chỉ cần thêm liên kết – user1135357
nếu tôi chỉnh sửa mã của bạn và tạo đường dẫn trong href khi khoảng thời gian nhấp {"lỗi": "Vui lòng sử dụng yêu cầu POST"} – Ben
sử dụng onmouseup
thử một cái gì đó giống như
<html>
<head>
<script type="text/javascript">
function hide(){
document.getElementById('span_hide').style.display="none";
}
</script>
</head>
<body>
<a href="page" style="text-decoration:none;display:block;">
<span onmouseup="hide()" id="span_hide">Hide me</span>
</a>
</body>
</html>
EDIT này:
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
$("a").click(function() {
$(this).fadeTo("fast", .5).removeAttr("href");
});
});
function hide(){
document.getElementById('span_hide').style.display="none";
}
</script>
</head>
<body>
<a href="page.html" style="text-decoration:none;display:block;" onclick="return false" >
<span onmouseup="hide()" id="span_hide">Hide me</span>
</a>
</body>
</html>
Trả lời câu trả lời.
Tôi đã sử dụng một số kiểu sắp xếp để đạt được điều này.
<span
class="pseudolink"
onclick="location='https://jsfiddle.net/'">
Go TO URL
</span>
.pseudolink {
color:blue;
text-decoration:underline;
cursor:pointer;
}
Đây chỉ là một mẫu mã đơn giản: D còn có một công cụ bên trong một thẻ. Tôi muốn giấu cái lỗ – Ben
Vì vậy, bạn muốn ẩn khoảng cách khi nhấp vào siêu liên kết. Tôi có đúng không? – user1135357
noo chức năng ẩn sẽ ẩn lỗ một thẻ. Có một vòng lặp hiển thị 10. Và tôi sử dụng .closest(). FadeOut(); nhưng tôi không thể nhấp vào thẻ span vì một thẻ – Ben