Quelqu'un peut-il me dire pourquoi mon plugin JQuery ne fonctionne pas? J'ai suivi les étapes avec soin

Question

J'ai suivi les étapes ici: http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/

Je veux juste qu'il affiche une barre de notification lors de la charge du corps, mais cela ne fonctionne pas.

Il y a une chose que j'ai changé qui est différente de celle du tutoriel. J'ai fait $(this).ready sur la ligne 9 du plugin JQuery.

Merci!

Editer: Il se lie parfaitement au corps. (remarquez l'alerte). Cela ne montre tout simplement pas la barre.

Answer 1

insertBefore($('.content')) 

Il me semble que vous insérez votre barre avant quelque chose avec la classe "content", mais vous n'avez aucun élément avec cette classe.

Answer 2

Il n'y a pas de $(this).ready() dans jQuery, sauf si this indique document.

Généralement, vous n'avez pas de choses surDOMready dans votre plugin - c'est à la personne implémentant votre plugin à faire.

Answer 3

Supprime la dernière virgule dans les options. La dernière option n'aura pas de virgule à la fin.

En outre, l'envelopper dans:

$(document).ready(function(){ 

});

Answer 4

Lisez les commentaires sur la page où vous avez obtenu le plugin. Il explique que le plugin, tel qu'il est écrit, ne fonctionne que sur un bouton (l'élément que vous appelez .bar sur doit être un bouton).

Un autre commentaire montre également comment vous devriez être en mesure de le faire fonctionner comme vous le souhaitez:

RAVI TOM 6 septembre 2010 à 10:10

dans le changement de fichier html cette ligne

$(“#msgup”).bar({ 

à

$(“body”).bar({ 

Dans jquery.bar.js fichier changer le numéro de la ligne 9 à

$this.ready(function(e){ 

Ces changements vous aideront à montrer la notification une fois chargement de la page