it-swarm-vi.com

Joomla! menu thả xuống hoạt động trên thiết bị cảm ứng hoặc, tiêu đề menu không thể nhấp với nội dung được xuất bản

Tôi đang làm một Joomla! trang web với 3 menu cấp 1 chia thành nhiều menu con.
[.___.] Trang web hoạt động tuyệt vời trên Desktop khi các menu phụ xuất hiện khi di chuột.

Tuy nhiên, trên các thiết bị cảm ứng, tôi không thể làm cho các danh sách thả xuống xuất hiện vì tôi không thể mô phỏng sự kiện di chuột. Khi tôi nhấn vào các mục cấp 1, trình duyệt sẽ theo các liên kết thay vì mở các mục thả xuống.

Tôi đang tìm cách để làm cho chúng không thể nhấp được khi chạm vào, hoặc có thể lần nhấn thứ 1 sẽ mở trình đơn thả xuống và lần thứ hai theo liên kết.

Tôi đã thử làm các trình phân tách văn bản trình đơn hoặc tiêu đề trình đơn cấp 1, cũng vô hiệu hóa chúng trong máy tính để bàn và hoạt động tốt.
[.___.

Có ý kiến ​​gì không?

Cảm ơn trước

1
krasatos

Đã kết thúc làm cho 3 menu cấp cao nhất menu bình thường, chuyển hướng đến các bài viết, vv.
[.__.] Đã thêm một lớp "hủy liên kết" vào 3 mục menu cấp cao nhất đó.

Sau đó, thêm một jquery tùy chỉnh để ngăn các liên kết hoạt động: jQuery('.unlink').click(function(e) { e.preventDefault(); }); Bằng cách này, nếu ai đó tự nhập liên kết đến dòng địa chỉ, có nội dung ở đó để hướng dẫn họ qua và đồng thời các menu có thể sử dụng được trên điện thoại di động/thiết bị cảm ứng.

Nhận mã từ đây: https://stackoverflow.com/questions/970388/jquery-disable-a-link

1
krasatos