Nếu phần tử cần hiển thị là phần tử con của phần tử di chuột, thì việc này có thể dễ dàng thực hiện được bằng CSS, nhưng thực tế không phải vậy;
Tôi đang cố gắng hiển thị menu khi di chuột qua phần tử "[+]".
phát trực tiếp:http://blnr.org/testing
Jfiddle:http://jsfiddle.net/bUqKq/5/
jQuery:
$(document).ready(function(){
$("header[role='masthead'] #container #left nav#static span").hover(
function(){$("header[role='masthead'] nav#active").show();},
);
});
Bạn có thể đơn giản hóa việc này rất nhiều bằng cách chỉ hiển thị các ID mà bạn quan tâm. Các bộ chọn còn lại bạn sử dụng không cần thiết vì ID phải là duy nhất. Lưu ý rằng tôi cũng đã cung cấp các hàm di chuột vào và di chuột ra vì tôi cho rằng bạn muốn ẩn phần tử sau khi điều kiện di chuột kết thúc.
$(document).ready(function(){
$("#static span").hover(
function(){
$("#active").show();
},
function(){
$("#active").ẩn();
}
);
});
Hoặc bạn có thể sử dụng chuyển đổi() như thế này để sử dụng một lần đóng:
$(document).ready(function(){
$("#static span").hover(
function(){
$("#active").toggle();
}
);
});
Tôi là một lập trình viên xuất sắc, rất giỏi!