Comment ajouter un composant tiers dans mon application Web?

Ce que j'ai compris est que je dois d'abord mentionner le lien des fichiers css dans l'en-tête, alors je dois mentionner le lien des fichiers js avant le tag. Mais j'ai échoué à utiliser un composant de semantic-ui.com en utilisant cette approche. Je veux quelque chose comme ça. Comment ajouter un composant tiers dans mon application Web?

Il est appelé "Sélection de recherche multiple" dans semantic-ui.com. Ce que j'ai fait est que:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css"> 

    </head> 
    <body> 

     <select class="ui fluid search dropdown" multiple=""> 
    <option value="">State</option> 
    <option value="AL">Alabama</option> 
    <option value="AK">Alaska</option> 
    <option value="AZ">Arizona</option> 

</select> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.js"></script> 
</body> 
</html>

Je ne reçois aucune erreur dans la console.

Source

2017-04-16 Preetom Saha Arko

regardant la console, vous pouvez voir l'erreur suivante:

Uncaught ReferenceError: jQuery is not defined 
    at semantic.min.js:11

Vous devez également ajouter jQuery.

Edit: Aussi, vous devez l'initialiser avec la commande .dropdown() comme celui-ci

$('select').dropdown();

exemple travailler ici: Fiddle

Source

2017-04-16 15:34:52 Janar

Compressé, production jQuery? –

Maintenant j'ai ajouté le lien jQuery. Même maintenant, je ne peux pas utiliser le composant. @Janar –

Ah, vous devez également l'initialiser! – Janar

J'ai trouvé la solution dans un tutoriel. Le lien jQuery doit être inclus dans le head, ou au moins avant d'appeler $('select').dropdown();

Source

2017-04-17 13:51:14

Comment ajouter un composant tiers dans mon application Web?

Répondre

Questions connexes