les boutons ne fonctionnent pas correctement dans le contenu du dialogue jq (deux façons de fermer le dialogue jquery avec la table bootstrap)?

Question

Je travaille avec la table bootstrap à l'intérieur du dialogue jquery et j'ai des problèmes avec la fermeture du dialogue et la libération de la mémoire. Permettez-moi de montrer sur le code de démonstration:

Méthode 1:jsFIDDLE Voici le code avec deux boutons à l'intérieur du contenu de dialogue que j'utiliser pour enregistrer ou annuler. Ils sont codés avec $.click() (pas par le dialogue). Pour voir le problème 4 étapes en jachère:

1. Cliquez sur la première case et accepter la date
2. Faites la même chose pour la deuxième case
3. Décocher les deux (champ de date est vide dans les deux lignes)
4. Vérifiez à nouveau un case à cocher et accepter la date

Vous remarquerez maintenant que la date a été ajoutée dans les deux champs de chaque ligne même si vous n'avez pas cliqué sur la seconde. Quand je joue plus comme ça, je peux même décocher les deux cases en un clic.

Méthode 2:jsFIDDLE La même idée, mais j'utiliser les boutons définis dans le dialogue jquery et si vous faites les mêmes étapes d'en haut, vous ne remarquerez pas le problème - il fonctionne très bien.

Question: Je dois utiliser la première méthode pour mon propre but, mais que faire pour résoudre ce problème de mémoire?

Answer 1

Vous avez un problème d'étendue dans votre code; S'il vous plaît essayer cette mise à jour Fidle

var currentRow = null; 

$("#pickdate").datepicker({dateFormat: "dd-mm-yy"}).datepicker("setDate",new Date()); 
$('#table').on('check.bs.table', function (e, row, $el) { 

currentRow = row; 

    $("#dialog").dialog({ 
       dialogClass: "no-close tt", 
       modal: true, 
       title: "Data zamknięcia", 
       width:189, 
     }); 


}); 

Voir fIDLE pour le code complet