Web-Frontend
js-Tutorial
Zwei Lösungen für jQuery-Prototypkonflikte (mit Demo-Beispiel-Download)_jquery
Zwei Lösungen für jQuery-Prototypkonflikte (mit Demo-Beispiel-Download)_jquery
In diesem Artikel werden zwei Lösungen für jQuery-Prototypkonflikte anhand von Beispielen analysiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Wie kann es zu Konflikten zwischen Jquery und Prototyp kommen, weil beide $ verwenden und gleichzeitig verwendet werden, was verwirrend ist? Dieses Problem wurde nicht weniger als fünf Mal gelöst und ich muss es jedes Mal überprüfen. Es tut nicht weh, hehe.
Methode 1. Code zur Kernbibliotheksdatei von jquery hinzufügen.
1. Normalerweise ist es jquery.js oder jquery.min.js, einige mit Versionsnummern. Wissen Sie einfach, um welche Datei es sich handelt.
})( window ); jQuery.noConflict(); //最后面，加上这一行。
2. Test-JQuery- und Prototyp-Dateien laden
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script> <script src="jquery.min.js"></script>
3. Wie schreibe ich JS-Code
<script type="text/javascript">
alert('prototype value : '+$('test').value); //prototype写法
jQuery(document).ready(function($){ //注意这里的，jQuery和$
alert('jquery value : '+$('#test').val()); //jquery写法
});
</script>
Diese Methode empfohlen, diese Methode ist ein für alle Mal effektiver
Der vollständige Democode lautet wie folgt:
<html>
<head>
<script type="text/javascript" src="./prototype.js"></script>
<script src="jquery.min.js"></script>
</head>
<body>
<form>
<input id="test" type='text' name='test' value='test'/>
</form>
<script type="text/javascript">
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
alert('jquery value : '+$('#test').val());
});
</script>
</body>
</html>
Methode 2: Lösen Sie den Konflikt, bei dem jquery aufgerufen wird
1. Test-JQuery- und Prototyp-Dateien laden
//jquery和prototype，没有先后顺序，谁先谁后都一样。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
2. js-Code
<script type="text/javascript">
jQuery.noConflict(); //解决冲突，这个一定要放在js代码的最前面，不然就会报错了。
alert('prototype value : '+$('test').value);
jQuery(document).ready(function($){
alert('jquery value : '+$('#test').val());
});
</script>
Diese Methode eignet sich besser für Situationen, in denen sich die Kernquelldateien von JQuery nicht auf Ihrem eigenen Server befinden oder der JQuery-Code relativ klein ist. Die BeispieldemoKlicken Sie hier, um sie anzuzeigen.
Die komplette Demo kann hier angeklickt werdenVon dieser Seite herunterladen.
Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1359
52
Wie wähle ich ein untergeordnetes Element mit dem erstklassigen Namen über CSS aus?
Apr 05, 2025 pm 11:24 PM
Wenn die Anzahl der Elemente nicht festgelegt ist, wählen Sie das erste untergeordnete Element des angegebenen Klassennamens über CSS aus. Bei der Verarbeitung der HTML -Struktur begegnen Sie häufig auf verschiedene Elemente ...
Warum wirkt sich negative Margen in einigen Fällen nicht wirksam? Wie löst ich dieses Problem?
Apr 05, 2025 pm 10:18 PM
Warum werden negative Margen in einigen Fällen nicht wirksam? Während der Programmierung negative Margen in CSS (negativ ...
Wie erhalten Sie Echtzeit-Anwendungs- und Zuschauerdaten auf der Arbeit von 58.com?
Apr 05, 2025 am 08:06 AM
Wie erhalte ich dynamische Daten von 58.com Arbeitsseite beim Kriechen? Wenn Sie eine Arbeitsseite von 58.com mit Crawler -Tools kriechen, können Sie auf diese begegnen ...
IconFont -Symbol zeigt zeitweise abnormal? So fördern Sie Codierungsprobleme und lösen Sie Probleme
Apr 05, 2025 am 07:54 AM
Iconfont ...
Warum wird ein bestimmtes Div -Element im Edge -Browser nicht angezeigt? Wie löst ich dieses Problem?
Apr 05, 2025 pm 08:21 PM
Wie löst ich das durch User Agent Style Sheets verursachte Anzeigeproblem? Bei Verwendung des Edge -Browsers kann ein Div -Element im Projekt nicht angezeigt werden. Nachdem ich nachgesehen hatte, habe ich gepostet ...
Warum werden negative Margen in einigen Fällen nicht wirksam?
Apr 05, 2025 pm 04:09 PM
Warum werden negative Margen in einigen Fällen nicht wirksam? Wenn Sie CSS zum Layout -Webseiten verwenden, begegnen Sie häufig negative Margen (negativ ...
Wie löst ich das Problem des Ladens beim Starten von PS?
Apr 06, 2025 pm 06:36 PM
Ein PS, der beim Booten auf "Laden" steckt, kann durch verschiedene Gründe verursacht werden: Deaktivieren Sie korrupte oder widersprüchliche Plugins. Eine beschädigte Konfigurationsdatei löschen oder umbenennen. Schließen Sie unnötige Programme oder aktualisieren Sie den Speicher, um einen unzureichenden Speicher zu vermeiden. Upgrade auf ein Solid-State-Laufwerk, um die Festplatte zu beschleunigen. PS neu installieren, um beschädigte Systemdateien oder ein Installationspaketprobleme zu reparieren. Fehlerinformationen während des Startprozesses der Fehlerprotokollanalyse anzeigen.
Wie benutze ich den lokal installierten 'Jingnan Mai Round Body' auf einer Webseite und lösen Sie das Anzeigeproblem?
Apr 05, 2025 pm 02:06 PM
So verwenden Sie lokal installierte Schriftdateien auf Webseiten in der Webentwicklung. Benutzer möchten möglicherweise bestimmte Schriftarten verwenden, die auf ihren Computern installiert sind, um das Netzwerk zu verbessern ...
