Heim  >  Artikel  >  Web-Frontend  >  Was tun, wenn JQuery nicht funktioniert?

Was tun, wenn JQuery nicht funktioniert?

藏色散人
藏色散人Original
2020-12-30 10:05:241920Durchsuche

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>

Schreiben Sie zu diesem Zeitpunkt direkt

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

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();
});

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();
  }
});

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!

Stellungnahme:
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