2015-03-11 23 views
5

Tôi đã tạo nút khởi động có liên kết bên trong. Mà trông như thế này:Nút không hoạt động trên Thiết bị di động nhưng hoạt động trên PC bootstrap

enter image description here

Khi bạn di chuột vào nó:

enter image description here

Đây là mã bên trong nút:

<div class="s-8"><button type="button" onClick="javascript:location.href = 'administration.php';">Administration</button></div> 

Nút logout:

<div class="s-4"><button type="button" onClick="javascript:location.href = 'logout.php';">Logout</button></div> 

Nút này hoạt động tốt trên trình duyệt PC (IE, SAFARI, FireFox, Chrome, Opera) (đưa tôi đến trang quản trị, nhưng nó không hoạt động trên thiết bị di động.

Tôi đã làm điều tương tự cho nút đăng xuất và hoạt động tốt trên PC và Thiết bị di động. Bây giờ tôi đang bối rối.

+0

trình duyệt bạn sử dụng trên điện thoại di động là gì? –

+1

[** Liên kết không phải là nút **] (http://www.karlgroves.com/2013/05/14/links-are-not-buttons-neither-are-divs-and-spans/) & * ngược lại * –

+0

@MaximMai Tôi đang sử dụng trình duyệt android mặc định – kya

Trả lời

5

Sự cố có thể là bạn đang sử dụng sự kiện onClick sẽ không đăng ký trên thiết bị di động (khi bạn không nhấp - bạn nhấn).

Câu trả lời này giải thích cách sử dụng sự kiện "cảm ứng" sẽ hoạt động trên thiết bị di động.

https://stackoverflow.com/a/22015946/2619909

2

Tôi biết đây có thể là một câu trả lời kỳ lạ. Nhưng trong một số trường hợp, các nhấp chuột trên thiết bị di động không hoạt động trừ khi bạn đặt kiểu: con trỏ: con trỏ; vào nút của bạn.

Các nhấp chuột trên thiết bị di động được xử lý rất khác, "nhấp chuột" hoặc "nhấn" đầu tiên có thể được hiểu là NGƯỜI HOVER thay vì nhấp chuột mà bạn đang tìm kiếm.

Vì vậy, hãy thử đặt kiểu CSS của nút thành: cursor: pointer;

+2

Lưu ý rằng điều này thường chỉ áp dụng cho iOS và có các cách giải quyết khác có thể xảy ra; xem http://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile – cvrebert

Các vấn đề liên quan