Heim  >  Artikel  >  Web-Frontend  >  Was ist die Verwendung einer Nachricht in JQuery?

Was ist die Verwendung einer Nachricht in JQuery?

WBOY
WBOYOriginal
2021-12-29 15:46:432340Durchsuche

In jquery wird das Nachrichten-Plugin verwendet, um Feedback-Nachrichten in einem Overlay anzuzeigen. Sie können das Ausblenden der Informationen auch beschleunigen, indem Sie die Maus bewegen oder auf eine beliebige Stelle klicken "$().message(" Der Text, der angezeigt werden muss ");".

Was ist die Verwendung einer Nachricht in JQuery?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was ist die Verwendung von Nachrichten in JQuery?

Mit dem Abfragenachrichten-Plugin können Sie Feedback-Nachrichten einfach in einem Overlay anzeigen. Die Meldung verschwindet automatisch nach einer Weile, Sie müssen nicht auf die Schaltfläche „OK“ usw. klicken. Benutzer können Informationen schnell ausblenden, indem sie die Maus bewegen oder irgendwo klicken.

Manchmal muss beim Laden der Seite ein kleines Eingabeaufforderungsfeld in der unteren rechten Ecke der Seite angezeigt werden, um dem Benutzer einige Eingabeaufforderungsinformationen anzuzeigen. Dieser Effekt kann leicht durch die Verwendung des jQuery-Nachrichten-Plug-Ins erreicht werden Ich stelle es vor, bevor ich es verwende. Die Verwendung von Methoden im Nachrichten-Plug-in.

$(function() {
  $().message("Hello world!");
  // or
  $(".feedback").message();
});

Das Beispiel sieht wie folgt aus:

<html>
<head>
<meta charset="utf-8">
<title>jQuery Growl 插件</title>
<script src="https://cdn.staticfile.org/jquery//2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="https://static.runoob.com/assets/jquery/jquery.growl/javascripts/jquery.growl.js" type="text/javascript"></script>
<link href="https://static.runoob.com/assets/jquery/jquery.growl/stylesheets/jquery.growl.css" rel="stylesheet" type="text/css" />
</head>
<body>
<ul>
<li>
<a class="error" href="#">错误!</a>
</li>
<li>
<a class="notice" href="#">提醒!</a>
</li>
<li>
<a class="warning" href="#">警告!</a>
</li>
</ul>
</body>
</html>

jquery:

$(function() {
    $.growl({
      title: "消息标题",
      message: "消息内容!"
    });
    $(&#39;.error&#39;).click(function(event) {
      event.preventDefault();
      event.stopPropagation();
      return $.growl.error({
      title: "错误标题",
        message: "错误消息内容!"
      });
    });
    $(&#39;.notice&#39;).click(function(event) {
      event.preventDefault();
      event.stopPropagation();
      return $.growl.notice({
      title: "提醒标题",
        message: "提醒消息内容!"
      });
    });
    
    return $(&#39;.warning&#39;).click(function(event) {
      event.preventDefault();
      event.stopPropagation();
      return $.growl.warning({
      title: "警告标题",
        message: "警告消息内容!"
      });
    });
});

Ausgabeergebnis:

Was ist die Verwendung einer Nachricht in JQuery?

Empfohlene verwandte Video-Tutorials:jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung einer Nachricht in JQuery?. 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
Vorheriger Artikel:Was ist CSS inline?Nächster Artikel:Was ist CSS inline?