Im HEAD meines Dokuments lade ich jQuery.js und auch das blockUI jQuery-Plugin.

In PHP verwende ich dann reguläres AJAX, um andere PHP-Inhalte in DIVs zu laden. In den originalen PHP-Plugins jQuery und blockUI funktioniert es einwandfrei, aber in allen ajax-geladenen Divs tun jQuery und blockUI absolut nichts. Kein Konsolenfehler, keine Warnung - nichts.

Ich bin ein jQuery-Anfänger, und keiner der anderen Artikel, die ich zu diesem Thema gefunden habe, hat es mir ermöglicht, dieses Problem zu lösen. Ich helfe also jemand anderem. In meinem Code unten sehen Sie, dass ich bei live () ein paar Stiche gemacht habe ...

Dies ist am oberen Rand meiner PHP-Datei, die in den DIV @ geladen wir

    <script type="text/javascript"> 
    $(document).ready(function() { 

        $('#crazy').live('click',function() { 
            $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
        }); 

        $('#yes').live('click',function() { 
            // update the block message 
            $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

            $.ajax({ 
                url: 'wait.php', 
                cache: false, 
                complete: function() { 
                    // unblock when remote call returns 
                    $.unblockUI(); 
                } 
            }); 
        }); 

        $('#no').live('click',function() { 
            $.unblockUI(); 
            return false; 
        }); 

    }); 
</script> 

Hier ist der HTML-Code dieser PHP-Datei (in den DIV geladen):

<input id="crazy" type="submit" value="Show Dialog" /> 

<div id="question" style="display:none; cursor: default"> 
        <h1>Would you like to contine?.</h1> 
        <input type="button" id="yes" value="Yes" /> 
        <input type="button" id="no" value="No" /> 
</div>