jQuery Girl
  1. jQuery Girl
  3. Basculer ne pas travailler avec DataTable responsive
Intereting Posts
Jquery serialize et serializeArray ne fonctionne pas avec Google Chrome Fuite de mémoire lors de la compilation manuelle des directives dans Angular Velocity.js / Blast.js déclenchant l’utilisation de fullpage.js Pourquoi jQuery ne se charge-t-il pas dans mon application Rails 3.2.3? Le contenu chargé par AJAX affectera-t-il les moteurs de recherche / référencement? boîte de dialog jquery ui comme confirmer Animer des éléments de manière séquentielle à l’aide de CSS3 et de jQuery Treegrid 9.3.11 ne se charge pas en chrome 61 Comment puis-je obtenir la valeur de cellule de la colonne jqGrid pour effectuer un formatage conditionnel pour backcolor remplir selectlist avec des données JSON dans JQuery lorsque la liste de sélection est chargée (pas le document) Comment masquer un élément à basculer avec jQuery tout en maintenant l’amélioration progressive Obtenir un object json en appelant une URL avec des parameters Erreur Access-Control-Allow-Origin Info-bulle jQuery n’utilisant pas l’atsortingbut Randomiser l’ordre des divs sur le chargement de page avec jQuery?

Basculer ne pas travailler avec DataTable responsive

Voici comment je code: 

$(document).ready(function () { $("[id^=btnToggle]").click(function () { $('#infoToggle' + this.id.match(/\d+$/)[0]).toggle(); }); $('#dataTables-example').DataTable({ responsive: true }); });

Ici, ce code $("[id^=btnToggle]") ne fonctionne pas, mais lorsque je supprime $('#dataTables-example') il fonctionne $('#dataTables-example') .

J’ai essayé d’inverser leurs positions, j’ai essayé d’utiliser une fonction de préparation de document séparée, cela n’a pas fonctionné.

S’il vous plaît laissez-moi savoir comment résoudre ce problème?

Merci

Le dom ( #dataTables-example ) est modifié après avoir appelé l’événement datatable. raison pour laquelle les éléments internes n’ont plus d’événements attachés précédemment. Vous devez utiliser la délégation d’événements dans ce cas: 

  $("body").on('click','[id^=btnToggle]',function () { $('#infoToggle' + this.id.match(/\d+$/)[0]).toggle(); });