Was tun, wenn JQuery nicht funktioniert?-js-Tutorial-php.cn

Was tun, wenn JQuery nicht funktioniert?

藏色散人

Freigeben： 2023-01-04 09:38:20

Original

2028 Leute haben es durchsucht

Lösung für den Fall, dass JQuery nicht funktioniert: Öffnen Sie zuerst die Codedatei, die nicht funktioniert, und ändern Sie dann den JQuery-Code in „$(document).not('#date').click(function(){...}“ Das ist es.

Was tun, wenn JQuery nicht funktioniert?

Die Betriebsumgebung dieses Tutorials: Dell G3-Computer, Windows7-System, HTML5-&&CSS3-&&jquery2.0.0-Version.

Empfohlen: „css-Video-Tutorial“ „Javascript-Basis-Tutorial

j Abfrage not Lösung für Methodenfehler

Wenn Sie beim Filtern von Elementen ein Element direkt aus $(document) entfernen möchten, ist die Verwendung von $(document).not('#a') ungültig

Aber Sie müssen diese Art lösen des Problems. Sie können andere Methoden verwenden, zum Beispiel

Beim Simulieren einer Dropdown-Liste besteht der gewünschte Effekt darin, auf das Div zu klicken, die ausgeblendete Liste wird angezeigt, Sie können auf eine beliebige Stelle klicken und die Dropdown-Liste verschwindet

<div id="date">选择日期</div>
<div id="content" style="display:none;">
<ul>
　　<li>2月1日</li>
</ul>
</div>

Nach dem Login kopieren

Schreiben Sie zu diesem Zeitpunkt direkt

$("#date").click(function(){
　　$("#content").slideDown();
});
$(document).click(function(){
　　$("#content").slideUp();
});

Nach dem Login kopieren

wird angezeigt. Wenn Sie auf ein Div klicken, wird zuerst die Dropdown-Liste angezeigt und dann ausgeblendet

Das erste, woran die meisten Leute denken, um dieses Problem zu lösen, ist, das Element #date beim Festlegen des Klicks zu entfernen Ereignis des Dokuments, das heißt

$(document).not(‘#date’).click(function(){
　　$("#content").slideUp();
});

Nach dem Login kopieren

Aber not() wird hier nicht verwendet

Zu diesem Zeitpunkt müssen Sie Ihre Meinung ändern

In dem Moment, in dem Sie auf Datum klicken, wird die Höhe des Inhalts angezeigt ändert sich zu 1px und die Anzeige ändert sich zu block

Also

$(document).not(‘#date’).click(function(){
　　if($("#content").css(&#39;display&#39;) == &#39;block&#39; && $("#content").css(&#39;height&#39;) != &#39;1px&#39;){
　　　　$("#content").slideUp();
　　}
});

Nach dem Login kopieren

Sie können den Effekt erzielen, das Element #date zu entfernen

Nichts anderes zu bedenken Wenn Sie slideDown() verwenden, müssen Sie eine Variable hinzufügen, um die Öffnung aufzuzeichnen und schließen Sie den Status der Dropdown-Liste, um den gleichen Effekt zu erzielen. Kurz gesagt, andere Situationen können die Problemeinstellung auf ähnliche Weise lösen. Weitere programmbezogene Kenntnisse finden Sie unter:

Programmier-Tutorial

Das obige ist der detaillierte Inhalt vonWas tun, wenn JQuery nicht funktioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!