jQuery停止鏈接加載如何實現(xiàn)

發(fā)布時間：2020-09-24 10:23:23 來源：億速云閱讀：134 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關jQuery停止鏈接加載如何實現(xiàn)的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

在實際開發(fā)中遇到一個問題。在做一個單擊縮略圖查看一副較大的圖像。
有些用戶用舊版的IE瀏覽器，或者用戶關閉了JavaScript的功能。

如果完全依賴js來實現(xiàn)效果，可能部分用戶會無法正常使用網(wǎng)站（可能越來越少這種用戶了）。

我們需要使用一種技術是無干擾的JavaScript。

如果不支持JS的，頁面會跳到另一個網(wǎng)頁

HTML代碼

<a href="../_images/large/slide1.jpg"> 
   <img src="../_images/small/slide1.jpg" alt="golf balls">
</a>

用<a>標簽，包含著<img>標簽。使用這種方法，可以讓不支持js的瀏覽器也能看到大圖。

但如果直接單擊圖片，就會跳轉到<a>標簽所指定的網(wǎng)頁。

想阻止跳轉，有以下兩種方法。

方法一：返回一個false

jQuery代碼

$('a').click(function(evt){ 
   return false;
});

方法二：使用 preventDefault() 函數(shù)

jQuery代碼

$('a').click(function(evt){
   evt.preventDefault();
});

感謝各位的閱讀！關于jQuery停止鏈接加載如何實現(xiàn)就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡