Problème avec jQuery

**Reisors** · 02/07/2014, 23h20

Bonjour,

Je n'arrive pas à faire fonctionner cette simple fonction jQuery dans mon code (.resizable()).
Je veux simplement pouvoir redimensionner un bloc, j'ai fait bêtement un copier coller du code présent sur le site officiel :
http://api.jqueryui.com/resizable/#event-resize (présent tout en bas de page), mais rien à faire sa ne marche pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Facelet Title</title>
        <h:outputStylesheet name="css/jquery-ui.css"/>
        <h:outputScript name="js/jquery-ui.js"/>
        <h:outputScript name="js/jquery-1.11.1.js"/>    
 
    </h:head>
    <h:body>
        <style>
            #resizable  {
                width: 100px;
                height: 100px;
                background: #ccc;
            }	
        </style>
 
        <div id="resizable">
 
        </div>
 
        <script>
            $(function() {
                $("#resizable").resizable();
            });
        </script>
 
    </h:body>
</html>

Veuillez noter que :

- Tous les fichiers css sont dans "resources/css"
- Tous les fichiers js sont dans "resources/js"
- Mon navigateur charge bien les fichiers

Avez vous une idée ?

Merci d'avance

**Reisors** · 03/07/2014, 01h12

Il faut inverser le chargement des feuilles javascript :

<h:outputScript name="js/jquery-1.11.1.js"/>
<h:outputScript name="js/jquery-ui.js"/>

Problème avec jQuery

JSF Java

Vue hybride

Discussions similaires

Partager

Partager