jQuery로 링크 로딩을 중지하는 방법

실제 개발 중에 문제가 발생했습니다. 더 큰 이미지를 보려면 썸네일을 클릭하기 전에.
일부 사용자는 이전 버전의 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!