Heim > Web-Frontend > js-Tutorial > Hauptteil

So verhindern Sie, dass a in jquery springt

藏色散人
Freigeben: 2020-11-30 14:50:12
Original
3876 Leute haben es durchsucht

So implementieren Sie jquery, um das Springen von a zu verhindern: 1. Verhindern Sie das Öffnen einer neuen Seite über die Anweisung „event.preventDefault();“ 2. Deaktivieren Sie das a-Tag über die Live-Methode und onclick-Ereignis im a-Tag.

So verhindern Sie, dass a in jquery springt

Die Betriebsumgebung dieses Tutorials: Windows10-System, jquery2.2.4, dieser Artikel gilt für alle Computermarken.

Empfehlung: „jquery-Video-Tutorial

jQuery steuert ein Tag so, dass es nicht anklickbar und nicht springbar ist.

jquery deaktiviert eine Tag-Methode 1.

$(document).ready(function () {
        $("a").each(function () {
            var textValue = $(this).html();
            if (textValue == "XX概况" || textValue == "服务导航") {
                $(this).css("cursor", "default");
                $(this).attr(&#39;href&#39;, &#39;#&#39;);     //修改<a>的 href属性值为 #  这样状态栏不会显示链接地址  
                $(this).click(function (event) {
                    event.preventDefault();   // 如果<a>定义了 target="_blank“ 需要这句来阻止打开新页面
                });
            }
        });
});
Nach dem Login kopieren
eine Tag-Methode 3

$(&#39;a.tooltip&#39;).live(&#39;click&#39;, function(event) {
   alert("抱歉,已停用!");  
  event.preventDefault();   
});
Nach dem Login kopieren

Deaktivieren und Aktivieren der JQuery-Steuerschaltfläche

Die Steuerschaltfläche ist deaktiviert:

$(function(){
$(&#39;.disableCss&#39;).removeAttr(&#39;href&#39;);//去掉a标签中的href属性
$(&#39;.disableCss&#39;).removeAttr(&#39;onclick&#39;);//去掉a标签中的onclick事件
});
Nach dem Login kopieren

Verwandte kostenlose Lernempfehlungen:

JavaScript
(Video)

Das obige ist der detaillierte Inhalt vonSo verhindern Sie, dass a in jquery springt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!