JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

Je suis venue ici après de nombreuses heures de recherche d'une solution et de tenter des approches différentes pour résoudre ce problème, je vais avoir avec JQuery Mobile et mon iPad.

Ce que je suis en train de faire est une application avec la Fusion des Graphiques. J'ai réussi a rendu les diagrammes dans web vues (UIWebView) à l'aide de différentes méthodes, et à la suite de différents exemples, mais ce que je voudrais faire maintenant, c'est l'accomplissement de la même tâche à l'aide du framework JQuery Mobile.

Je suis pas à l'aide de phonegap et j'ai suivi les étapes à la lettre concernant JQuery Mobile + Xcode intégration (je pense). Les graphiques de charge sans problème sur mon ordinateur de bureau et les navigateurs mobiles (iPad , iPhone 4 et iPod Touch 2G), mais il n'y a aucun moyen de les charger à l'intérieur de mon UIWebView (même si je suis en utilisant exactement le même code).

C'est ce que je fais:

1) Ajout de fichiers requis (JS, CSS et HTML) pour le projet de les utiliser localement. Après l'ajout d'eux, j'ai passer le tout .js extension de "Compiler les Sources" à "Copier Bundle de Ressources". Il ressemble à ceci:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

2) Charger mon HTML fichier de test (page_A1.html) dans la vue web:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

3) Vérifier que tout est mis en place sur le fichier HTML avec les bons chemins et la dernière version de cadres:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

4) Construire et Exécuter seulement pour obtenir un vide de vue web.

Si je test Javascript avec une alerte comme ceci:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

Il va montrer l'alerte prouver Javascript est:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

Et si j'ai mis un texte sur le conteneur dans lequel le tableau est censé être affiché:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

Je vais mettre le texte à l'intérieur de la vue web:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

J'ai aussi testé avec télécommande cadre des liens au lieu de les locaux et de l'ancienne version de la librairie avec pas de chance. Rien d'autre ne se passe:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

Il semble obvius pour moi que

$(document).ready(function(){

n'est pas remarqué ou invoquée par xcode.

C'est ce que j'aimerais faire:

JQuery Mobile ne fonctionne pas à l'intérieur de UIWebView

Je ne sais pas quoi d'autre pour tester. Si vous avez une idée, je serais plus que reconnaissant.

OriginalL'auteur Juan González | 2012-05-01

  1. 10

    Passons sur les gars. J'ai finalement obtenu.

    Certaines vieilles habitudes sur le web des journées de perfectionnement joué de moi ici.

    Il tuns, vous n'avez pas à spécifier l'intérieure de la structure de répertoire pour votre les fichiers CSS et JS donc:

    <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />

<script src="js/jquery-1.7.2.min.js"></script>

<script src="js/jquery.mobile-1.1.0.min.js"></script>

    devraient vraiment être comme ça dans Xcode:

    <link rel="stylesheet" href="jquery.mobile-1.1.0.min.css" />

<script src="jquery-1.7.2.min.js"></script>

<script src="jquery.mobile-1.1.0.min.js"></script>

    Incroyable combien de temps il m'a fallu trouver.

    Maintenant ça fonctionne.

    Eh bien.. Vous avez sauvé ma vie..
    Je vais avoir le même problème, mais avec un accordéon de test. Pouvez-vous m'aider?
    N'ai pas les informations affichées ici vous aider déjà? Si non, quel est le problème spécifique que vous rencontrez?
    Sauf si vous cochez la case "Créer un dossier de références pour les dossiers ajouté" lorsque vous ajoutez les fichiers à votre projet.
    Un de ces moments.. Gah. Passer des heures à la frustration en pensant qu'il s'agissait d'un à la solution la plus évidente

    OriginalL'auteur Juan González

  2. 4

    La bonne façon de le faire est de charger le fichier JS comme dans une Chaîne de caractères et d'invoquer la UIWebView [stringByEvaluatingJavascriptFromstring:@"Javascript ici..."] méthode.

     NSString *filePath = [[NSBundle mainBundle] pathForResource:@"content" ofType:@"js" inDirectory:@""];
NSData *fileData = [NSData dataWithContentsOfFile:filePath];
NSString *jsString = [[NSMutableString alloc] initWithData:fileData encoding:NSUTF8StringEncoding];

[webView stringByEvaluatingJavaScriptFromString:jsString];

    Bien que ce n'est pas beaucoup différente de coder en dur dans les fichiers html, il ne modulariser encore plus. Amusez-Vous Bien 🙂

    Cela a fonctionné pour moi! 🙂 merci beaucoup.

    OriginalL'auteur Agent 404