Bonjour, je crée dynamiquement une table dans jquery. Qu'est-ce que je fais ici est également l'ajout de classe qui est "glisser-ui-widget" mais il n'a pas d'incidence/travail sur ma table.L'ajout de la classe ne fonctionne pas
var tab_title = $tab_title_input.val() || 'Tab '+tab_counter;
//alert(tab_title);
$tabs.tabs('add', '#tabs-'+tab_counter, tab_title);
var newTableDiv = $("<div />",{id: 'dialog'+tab_counter});
newTableDiv.appendTo("body");
alert("div appended to body"+" "+'dialog'+tab_counter);
//var newTable = $('<table id="myTable'+tab_counter+'" class="draggable" ></table>');
********************Class which i am adding in table but not working***********
var newTable = $("<table />",{"class": "draggable ui-widget",id: 'myTable'+tab_counter,width: '100%',border: '0',cellspacing: '1px',cellpadding: '2px'});
newTable.appendTo('#dialog'+tab_counter);
alert('myTable'+tab_counter);
newTable.append('<thead class="ui-widget-header"><tr></tr></thead>');
alert("Header Created");
var thead = $('thead tr', newTable);
thead.append('<th><strong>Symbol</strong></th>');
thead.append('<th><strong>Price</strong></th>');
thead.append('<th><strong>Volume</strong></th>');
thead.append('<th><strong>Buy</strong></th>');
thead.append('<th><strong>Sell</strong></th>');
alert("Header Created");
Qu'est-ce exactement que je fais mal ici. Je suis très nouveau à jquery et essaie encore de mon mieux.
@tittletipz .... J'ai essayé avec ceci aussi, mais cela ne fonctionne pas :(aucune classe ne travaille non plus .Il a créé une table mais classe ne fonctionne pas –
@tittletipz ..... quand j'ajoute aussi une classe en ça marche bien mais quand je place la classe en ça ne marche pas –
+0
0
+0
+0
+0
0
+0
Questions connexes
-
1. La classe PHP DateTime ne fonctionne pas
-
2. La classe moyenne ne fonctionne pas
-
3. require_once ne fonctionne pas pour la classe?
-
4. La classe Ruby 'split' ne fonctionne pas
-
5. La classe BaseAdapter ne fonctionne pas - Android
-
6. XMPP.php Classe ne fonctionne pas
-
7. AS2: classe ne fonctionne pas
-
8. Fichier Jar ne fonctionne pas, la classe extra fonctionne bien
-
9. sélecteur de classe ne fonctionne pas
-
10. La classe CSS autour de la rangée ne fonctionne pas
-
11. JavaScript Méthodes de classe ne fonctionne pas
-
12. IBAction de classe différente ne fonctionne pas?
-
13. addclass retardé/supprimer la fonction de classe ne fonctionne pas
-
14. pourquoi la marge de classe ne fonctionne pas?
-
15. La classe d'ajout/suppression de navigation Wordpress ne fonctionne pas
-
16. La classe Regex ne fonctionne pas côté serveur de GWT
-
17. La classe de session PHP ne fonctionne pas
-
18. La classe Android attachAuxEffect de MediaPlayer ne fonctionne pas
-
19. La commutation de classe active ne fonctionne pas
-
20. Ajout de la classe à link_to_unless ne fonctionne pas
-
21. La classe de liaison personnalisée ne fonctionne pas correctement
-
22. wp_schedule_event() ne fonctionne pas dans la fonction d'activation de classe
-
23. KeyAdapter ne fonctionne pas dans la classe JPanel, mais fonctionne dans la classe JFrame
-
24. ajouter la classe dans jquery fonctionne bien, mais supprimer la classe ne fonctionne pas
-
25. La réflexion C# ne fonctionne pas avec la classe Point?
-
26. getResourceAsStream ne fonctionne pas pour chaque classe?
-
27. circuits en python, classe ne fonctionne pas
-
28. beautifulsoup find_all() classe raccourci ne fonctionne pas
-
29. Table-par-sous-classe ne fonctionne pas
-
30. : pseudo-classe premier-enfant ne fonctionne pas
Dernière question
-
1. F # - Http.RequestString erreur - CURL et PowerShell OK
-
2. mettre à jour les coordonnées géographiques en db
-
3. Invite de fermeture automatique de Windows Invite pour Outlook2016
-
4. Une requête Oracle simple utilisant JDBI de DropWizard n'exécute pas/retourne le résultat
-
5. Créer un élément modélisé en SVG
-
6. Impossible de déployer mon application xamarin Ios sur un autre périphérique avec un identifiant Apple différent
-
7. Pourquoi la sortie de boucle for est en permanence 1 en php?
-
8. Import WSDL xsd de https à http: 443 lors du déploiement
-
9. CSS - La police semble plus audacieuse sur les appareils avec des ppp plus élevés
-
10. comment appeler une fonction d'un autre composant en réaction
-
1. La classe PHP DateTime ne fonctionne pas
-
2. La classe moyenne ne fonctionne pas
-
3. require_once ne fonctionne pas pour la classe?
-
4. La classe Ruby 'split' ne fonctionne pas
-
5. La classe BaseAdapter ne fonctionne pas - Android
-
6. XMPP.php Classe ne fonctionne pas
-
7. AS2: classe ne fonctionne pas
-
8. Fichier Jar ne fonctionne pas, la classe extra fonctionne bien
-
9. sélecteur de classe ne fonctionne pas
-
10. La classe CSS autour de la rangée ne fonctionne pas
@Java_NewBie: - hei try @Yury La réponse de Tarabanko –
Ajouter une classe n'est pas suffisant. SACHEZ que vous devriez indiquer explicitement que votre élément est déplaçable. Par exemple, ajoutez l'ID à votre élément de table
<table id='draggable'...
, puis faites-le glisser$('#draggable').draggable();
.Par ailleurs, les manipulations dom sont très coûteuses. Donc, c'est mieux en termes de coûts de performance d'abord créer toute la table html comme @tittletipz l'a fait remarquer et ensuite l'ajouter à votre div.
Source
2011-05-21 08:32:06
Yury Tarabanko .... fondamentalement je crée également des id dynamiques aussi bien et j'ai essayé avec cette solution aussi bien mais elle ne fonctionne pas. :(quand je crée manuellement une table et fournissez un id à une table. bien, mais un problème se produit quand je vais pour une création dynamique d'une table –
Comme je l'ai déjà dit, l'ajout de la classe 'draggable' n'est pas suffisant pour rendre l'élément draggable http://jsfiddle.net/YV7Pf/2/.' $ ("#draggable") .draggable(); 'Le point ne concerne pas les identifiants –
Yury Tarabanko ... merci pour votre inquiétude. J'ai essayé $ (" #draggable ") .draggable(); table mais pas les colonnes mais au moins ça a marché un peu :). je veux faire glisser les colonnes. manuellement il fonctionne bien mais dynamiquement il traîne toute la table pas les colonnes. –
classe Dynamiquement ajoutée ne peut être consulté par les événements normalement
Dans votre exemple, si je dois déclencher une fonction sur événement click, je ne peux pas utiliser
je devrais utiliser
comme la liaison à l'événement peut se produire uniquement comme ceci. Mais vous n'avez pas mentionné comment voulez-vous utiliser la classe
Source
2011-05-21 11:07:45 sathishn
@ sathishn .. j'ai également essayé avec cette solution mais ne fonctionne pas ... je suis coincé dans ceci :(. –
Questions connexes