Impossible de trouver l'élément dans DOM après l'avoir chargé avec ajax (vous voulez lier jquery à l'élément)

Donc, j'ai 2 pages html. 1 qui fonctionne comme conteneur et le 1 qui fonctionne comme contenu.
Lorsque je charge le contenu de la page avec un tableau que je suis en mesure d'utiliser le glisser-déposer.

Mais quand je vais sur ma page de conteneur et de charger le contenu de la page dans une div avec l'ajax, le faire glisser et déposer des arrêts de travail. Toutes les autres fonctionnalités javascript à l'intérieur de la page de contenu encore du travail. Comment puis-je lier le jquery, le mdn plugin à la table de chargement avec ajax?

Je suis en utilisant le drag & drop avec ce tutoriel http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

mon code ressemble à ceci:

$(window).load(function()
{   if(temp == 0)
    { 
        DP("eerste keer")
        load_table(); 
        temp = 1;
    }
} );

function load_table()
{    
    DP('load_table');
    $.ajax({
            //async: false,
            type: "POST",
            url: "/diagnose_hoofdpagina/table_diagnose/" + DosierID, //<== loads requested page
            success: function (data) {
                    $("#diagnoses_zelf").html(''); //<== clears current content of div
                    $("#diagnoses_zelf").append(data).trigger('create'); //<== appends requested page
                },
            error: function(){
                alert('error');
              } 
        }).done(function() {
        update_table(); 
        initialize_table();    //<== calls jquery plug in
        });

    return false;   
}


function initialize_table() 
{
    var tableid = $('#diagnoses_zelf table').attr('id'); //< this finds the correct table thanks to Fábio Batista => this option worked, rest didn't
    alert(tableid);
    $(tableid).tableDnD({    
        onDrop: function(table, row) {
        alert(table + "     "  +  row);

        },
        onDragStart: function(table,row){
        var tette = $(row).index;
        alert(tette);
        },
        dragHandle: ".dragHandle"
    });     
}

Impossible de trouver l'élément dans DOM après l'avoir chargé avec ajax (vous voulez lier jquery à l'élément)

Comment est-ce possible et ce que je peux faire à ce sujet?
Quelqu'un peut-il m'aider, s'il vous plaît.

Très court:
Je veux avoir accès à l'ID de la table, je charge dans mon conteneur de la page avec ajax et utiliser le jquery, faites glisser et déposez les brancher sur elle.

MODIFIER

Résultats:

En quelque sorte mon tableau dans la page conteneur fut renommé pSqlaTable au lieu de l'id que j'ai donné dans le contrôleur de la page qui est.

<table id="tableDiagnose" class="table table-hover">

C'est pourquoi le code ne pouvais pas trouver la table annymore Suis fixé par le présent code grâce à Fábio Batista:

$('#diagnoses_zelf table').tableDnD( ... );

mais comment puis-je utiliser le mdn plugin maintenant ?

Il trouve la table maintenant, mais je ne suis pas encore en mesure de lier le mdn plugin, Suis-je capable de se lier à un jquery branchez-le à l'ajax chargé de tables ?

MODIFIER

//drag & drop http://isocra.com/2008/02/table-drag-and-drop-jquery-plugin/
function initialize_table() 
{
    var tableid = $('#diagnoses_zelf table').attr('id');
    alert(tableid);
    $('#' + tableid).tableDnD({    
        onDrop: function(table, row) {
        alert(table + "     "  +  row);

        },
        onDragStart: function(table,row){
        alert('issemer?');
        },
        dragHandle: ".dragHandle"
    });    
} 

C'est le code, je suis toujours coincé avec. tableid est correct, mais l'initialisation de l'jquery n'est pas. Je ne peux pas faire glisser les drows dans le tableau. Est ma syntaxe mal ?

MODIFIER

Pourrait-il que je ne peux pas lier le jquery à la table parce que je dynamicaly générer la table sur l'autre page avec ZPT (ou javascript) ?

source d'informationauteur