Chúng tôi có một trang web đáp ứng một trang được xây dựng bằng cách sử dụng tháng 10 và mọi thứ dường như đang hoạt động tốt, trừ một vấn đề nhỏ.Navbar có menu thả xuống không tự động đóng khi bạn nhấp hoặc nhấn vào một mục trong đó.Trên máy tính để bàn, bạn phải nhấp vào bất cứ nơi nào trên trang để đóng và trên thiết bị di động, bạn cần nhấp vào nút Menu một lần nữa.Chỉ cần tìm kiếm đúng cách để thiết lập điều này.Dưới đây là khối mã hiện tại và lưu ý rằng chúng tôi đang sử dụng Bootstrap 3.3.1 trên trang web:
Toggle navigation
- Home
-
Main Menu 2
- Section 1
- Section 2
- Section 3
- Main Menu 3
- Main Menu 4
Khi nhìn vào bảng điều khiển nhà phát triển, tôi thấy lỗi sau:
Uncaught TypeError: Cannot read property 'top' of undefined
at HTMLAnchorElement. [main.js:21]
at Function.each [jquery.js:4]
at init.each [jquery.js:4]
at Scroll [main.js:20]
at main.js:5
at dispatch [jquery.js:5]
at v.handle [jquery.js:5]Và đây là mã cuộn từ tệp chính.js:
function Scroll[] {
var contentTop = [];
var contentBottom = [];
var winTop = $[window].scrollTop[];
var rangeTop = 200;
var rangeBottom = 500;
$['.navbar-collapse'].find['.scroll a'].each[function[]{
contentTop.push[ $[ $[this].attr['href'] ].offset[].top];
contentBottom.push[ $[ $[this].attr['href'] ].offset[].top + $[ $[this].attr['href'] ].height[] ];
}]
$.each[ contentTop, function[i]{
if [ winTop > contentTop[i] - rangeTop ]{
$['.navbar-collapse li.scroll']
.removeClass['active']
.eq[i].addClass['active'];
}
}]
};
$['#tohash'].on['click', function[]{
$['html, body'].animate[{scrollTop: $[this.hash].offset[].top - 5}, 1000];
return false;
}];Cảm ơn trước cho bất kỳ sự giúp đỡ mà bạn có thể cung cấp.
Đã hỏi ngày 6 tháng 9 năm 2017 lúc 2:53Sep 6, 2017 at 2:53
.Hãy thử mã này
Đã trả lời ngày 6 tháng 9 năm 2017 lúc 6:21Sep 6, 2017 at 6:21
Varmanvarmanvarman
8.2845 Huy hiệu vàng16 Huy hiệu bạc48 Huy hiệu đồng5 gold badges16 silver badges48 bronze badges
1