실제 개발 중에 문제가 발생했습니다. 더 큰 이미지를 보려면 썸네일을 클릭하기 전에.
일부 사용자는 이전 버전의 IE 브라우저를 사용하거나 JavaScript 기능을 끄는 사용자가 있습니다.
효과를 얻기 위해 전적으로 js에 의존하는 경우 일부 사용자는 웹 사이트를 정상적으로 사용하지 못할 수 있습니다(이러한 사용자는 점점 줄어들 수 있습니다).
우리가 사용해야 할 기술 중 하나는 눈에 띄지 않는 JavaScript입니다.
JS가 지원되지 않으면 페이지가 다른 웹페이지로 이동합니다
HTML 코드
<a href="../_images/large/slide1.jpg"> <img src="../_images/small/slide1.jpg" alt="golf balls"> </a>
태그를 포함하여 이 방법을 사용하면 js를 지원하지 않는 브라우저에서도 큰 이미지를 볼 수 있습니다.
그러나 사진을 직접 클릭하면 태그에 지정된 웹페이지로 이동합니다.
점프를 방지하고 싶다면 아래의 두 가지 방법이 있습니다.
방법 1: false 반환
jQuery 코드
$('a').click(function(evt){
return false;
});방법 2: PreventDefault() 함수 사용
jQuery 코드
$('a').click(function(evt){
evt.preventDefault();
});위의 두 가지 방법을 사용하면 링크 점프를 효과적으로 방지할 수 있습니다.
메서드 1에서 "return false;" 문은 함수의 마지막 줄에 있어야 합니다. 왜냐하면 JavaScript 파서가 return 문을 만나면 함수를 종료하기 때문입니다.
위 내용은 jQuery로 링크 로딩을 중지하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
