Rumah > hujung hadapan web > tutorial js > jQuery停止链接加载怎么做

jQuery停止链接加载怎么做

(*-*)浩
Lepaskan: 2019-05-28 16:04:39
asal
2470 orang telah melayarinya

在实际开发中遇到一个问题。在做一个单击缩略图查看一副较大的图像。
有些用户用旧版的IE浏览器,或者用户关闭了JavaScript的功能。

jQuery停止链接加载怎么做

如果完全依赖js来实现效果,可能部分用户会无法正常使用网站(可能越来越少这种用户了)。

我们需要使用一种技术是无干扰的JavaScript。

如果不支持JS的,页面会跳到另一个网页

HTML代码

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

标签,包含着标签。使用这种方法,可以让不支持js的浏览器也能看到大图。

但如果直接单击图片,就会跳转到标签所指定的网页。

想阻止跳转,有以下两种方法。

方法一:返回一个false

jQuery代码

$('a').click(function(evt){ 
   return false;
});
Salin selepas log masuk

方法二:使用 preventDefault() 函数

jQuery代码

$('a').click(function(evt){
   evt.preventDefault();
});
Salin selepas log masuk

以上两种方法都能有效的阻止链接的跳转。

需要注意的是,在方法一中,必须让 “return false;” 语句作为该函数的最后一行,因为一旦JavaScript解析器遇到了返回语句,它就会退出函数。

Atas ialah kandungan terperinci jQuery停止链接加载怎么做. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan