La bibliothèque JQuery ne fonctionne pas avec Sencha Touch?

Je suis actuellement en train de construire une application mobile basée sur Sencha Touch 2. Pour le moment, je suis juste en train d’essayer quelques expériences pour voir ce que Sencha est capable aussi.

Et aujourd’hui, je me suis retrouvé coincé sur une chose qui semble vraiment étrange: je voulais simplement essayer si je pouvais utiliser la bibliothèque jQuery pour mon application et utiliser ses ajouts.

La chose la plus étrange est que je ne peux obtenir aucune réponse lorsque je crée une fonction jQuery.

J’ai inclus la bibliothèque jQuery et mon script dans le fichier index.html de mon répertoire sencha et je viens de créer un script de test stupide pour voir si cela fonctionne – mais je ne reçois aucune réaction du tout lorsque je l’essaie dans le navigateur. Je peux voir que la bibliothèque et le script sont inclus via firebug (comme vous pouvez le constater, mon test jquery est juste un simple événement de clic qui doit afficher un div, mais ce n’est pas le cas).

Suis-je vraiment stupide – ou qu’est-ce qui me manque ici?

Voici mon fichier index.html

    scroller   $(document).ready(function() { $("#show_me").click(function () { $('#magic').slideDown('slow'); }); });    /** * Example of an initial loading indicator. * It is recommended to keep this as minimal as possible to provide instant feedback * while other resources are still being loaded for the first time */ html, body { height: 100%; background-color: #1985D0 } #appLoadingIndicator { position: absolute; top: 50%; margin-top: -15px; text-align: center; width: 100%; height: 30px; -webkit-animation-name: appLoadingIndicator; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: linear; } #appLoadingIndicator > * { background-color: #FFFFFF; display: inline-block; height: 30px; -webkit-border-radius: 15px; margin: 0 5px; width: 30px; opacity: 0.8; } @-webkit-keyframes appLoadingIndicator{ 0% { opacity: 0.8 } 50% { opacity: 0 } 100% { opacity: 0.8 } }      <!---->       <!----> <!--  document.addEventListener("deviceready", app.mainLaunch, false);  -->  function onDeviceReady() { pictureSource=navigator.camera.PictureSourceType; destinationType=navigator.camera.DestinationType; } function PictureSourceType() {}; PictureSourceType.PHOTO_LIBRARY = 0; PictureSourceType.CAMERA = 1; //var ja = phonegap.shortcuts.getLocation(); //console.log('ja:'+ja); document.addEventListener("deviceready", onDeviceReady, false);    

    Peut-être que l’élément sur lequel vous cliquez n’a pas l’identifiant ‘showme’. Cela peut arriver parce que le bouton que vous avez créé a l’identifiant ‘showme’ dans Sencha, mais que le code HTML réel qui est rendu contient un autre identifiant.

    Si cela est vrai (vous pouvez bien sûr vérifier cela à l’aide de FireBug), vous pouvez écouter l’événement ‘tap’ du bouton au lieu d’utiliser jQuery pour se lier à l’événement ‘click’. Voir http://docs.sencha.com/touch/2-0/#!/api/Ext.Button-event-tap pour la documentation.

    Il est possible d’utiliser jQuery avec Sencha, mais il est important de garder à l’esprit que les composants dans Sencha ne sont pas une représentation directe des éléments dans le DOM. Certains composants dans Sencha se composent de plusieurs éléments du DOM lors du rendu.

    J’espère que cela t’aides