Jquery Data Tabelle Zeilenereignis stecken bleiben, wenn ich zwischen den Seiten wechseln

Question

Ich habe eine Jquery Datatable, mit jeder Zeile mit "mehr" Link, die den vollständigen Text beim Klicken zeigt. Es funktioniert auf jeder Seite, außer wenn ich auf eine Zeile klicke und zur nächsten Seite gehe und wieder zurückkomme, tut es nichts (feststecken). Aber wenn ich versuche, auf eine andere Seite zu wechseln und zurück zu kommen, wird es anfangen zu arbeiten. Es funktioniert auch im Debug-Modus. Hier

ist das Codebeispiel: -

$(table).bind('draw', clickMore); 

function clickMore (moretext,lesstext) { 

    $('#notesTable tbody tr td').on('click', '.morelink', function(){ 
      if ($(this).hasClass("less")) { 
       $(this).removeClass("less"); 
       $(this).html("more"); 
      } else if($(this).hasClass("more")){ 
       $(this).addClass("less"); 
       $(this).html("less"); 
      } else if($(this).hasClass("morelink")){ 
       $(this).addClass("less"); 
       $(this).html("less"); 
       } 
       $(this).parent().prev().toggle(); 
       $(this).prev().toggle(); 

      return false; 
     }); 
    } 

jede Hilfe wäre toll.

Answer 1

Attach Ereignishandler klicken, wie unten dargestellt:

$('#notesTable tbody').on('click', '.morelink', function(){ 

}); 

Sie Ereignishandler direkt an td Elemente anhängen aber mit jQuery Tables nur Strom (ersten) Seitenelemente in DOM existieren.