<a> liên kết không làm việc bằng cách nhấn, chỉ hoạt động bằng cách "Mở liên kết trong tab mới" lệnh

Question

tôi gặp tình huống thú vị này:

<ul> 
    @foreach (var item in Model) 
    { 
     <li> 
     <a href="@Url.Action("Details", "Product", new { id = item.Id })" >@item.Name</a> 
     </li> 
    } 
</ul> 

Khi tôi bấm vào một liên kết, không có gì xảy ra, trang Chi tiết sản phẩm không mở. Nhưng tôi làm "Mở liên kết trong tab mới", sau đó mở ra. Điều gì có thể là lý do?

Answer 1

Bạn có một số mã javascript đang ngăn hành động mặc định của thẻ neo được thực thi. Bạn có thể kiểm tra tab Network trong FireBug hoặc Chrome DevTools để xem liệu một số yêu cầu AJAX có được thực hiện khi bạn nhấp vào liên kết hay không. Bạn có thể thử loại trừ các tệp javascript cho đến khi bạn tìm thấy tệp đang thực hiện việc này.

Answer 2

Hãy thử mã này ...

<a href="http://google.com/" onclick="location.replace('http://google.com/'),'_top'">Google</a> 

Answer 3

đúng do Darren, nó chắc chắn là một số mã javascript đó là gửi một yêu cầu AJAX (đường bưu điện hoặc được) đang ngăn các liên kết từ hoạt động như bạn mong chờ .

Tuy nhiên, nếu bạn đã sử dụng tài nguyên bên ngoài, có thể khó sửa lỗi trong các tệp min.

tôi đề nghị sử dụng một inline jquery sự kiện onclick để phá vỡ các cuộc gọi AJAX

<a href="http://foo.bar/" onclick="window.open('https://www.foo.bar/culrsteam')">Foo</a>

Bạn bổ sung có thể sử dụng window.open('https://www.foo.bar/culrsteam', '_blank') như với target='_blank'

Answer 4

Điều này có thể xảy ra nếu địa chỉ không có giao thức truyền trong thuộc tính href. Một ví dụ sẽ liên kết localhost là <a href="localhost"></div> thay vì <a href="http://localhost"></div>. Bạn sẽ thấy rằng Google Chrome sẽ cung cấp trạng thái đã hủy nếu thực hiện như vậy và trong Safari, một hộp thoại sẽ xuất hiện yêu cầu mở ứng dụng liên kết nào, vì giao thức truyền không xác định. Tôi gặp sự cố này khi đặt liên kết thành $_SERVER['HTTP_HOST'] bằng PHP.

Điểm quan trọng là, hãy đảm bảo bạn để giao thức chuyển ở phía trước liên kết là http://, https://, ftp:// hoặc bất kỳ thứ gì khác.

Answer 5

Có thể bạn đã ngăn sự kiện chuyển hướng của thẻ bằng JavaScript.

Ví dụ:

$(document).on('click', 'a.thatTag', function (e) { 
    // ... 
    e.preventDefault(); 
}); 

.preventDefault() ngăn chặn chuyển hướng.