2016-12-14 1 views
0

J'essaie d'utiliser toastr dans mon application mvc. Quand je téléchargé à partir Nuget j'ai trouvé les deux fichiers ajoutés à mes scripts dossierImpossible d'obtenir toastr pour travailler dans mon application mvc

toastr.js 
    toastr.min.js 

J'ajouté le fichier .js sur ma page de mise en page

<script src="~/Scripts/jquery-1.12.4.min.js"></script> 
    <script src="~/Scripts/toastr.js"></script> 

je maintenant écrit le code ci-dessous dans ma page de mise en page dans la section des scripts. lorsque je lance mon application, rien ne se passe. Ai-je oublié quelque chose?

 $(document).ready(function() { 

      displayToastr(); 

     }); 

     function displayToastr() { 
      //alert('yes'); 
      // Display a info toast, with no title 
      toastr.info('Hi Mahedee, This information for you.'); 

      // Display a warning toast, with no title 
      toastr.warning('Hi Mahedee, This the first warning for you!'); 

      // Display a success toast, with a title 
      toastr.success('Yes! You have successfully completed your task!', 'Congratulation for you, Mahedee!'); 

      // Display an error toast, with a title 
      toastr.error('An error occured in the solution!', 'Please contact with system administrator.'); 
     } 
+0

Voici ma solution. Il me manquait le fichier css et quand j'ai ajouté tout cela a commencé à fonctionner. – user2320476

Répondre

0

Cela devrait fonctionner. Êtes-vous sûr que vos chemins JS sont OK et que vous exécutez votre code après le chargement de ces bibliothèques js?

+0

Oui, je l'ai fait. Ça ne marche pas. Ce devrait être une chose facile, je suppose. J'ai les liens au début de ma page de mise en page. Doivent-ils être à la fin? – user2320476

+0

S'il vous plaît créer un violon pour cela ou fournir un exemple de code de travail - HTML complet qui est. J'ai fait un rapide en utilisant des sources CDN et cela a fonctionné ... – marcinrek