Here's where I think the problem is:
$('#thesView').load('database.html', '', oThis.afterLoad());
should be
$('#thesView').load('database.html', '', oThis.afterLoad);
Notice the removal of the parans following oThis.afterLoad. This way you're
passing the name of the function (as a callback), instead of executing the
function and passing its result. With the parans, the function executes
before the dynamic content is loaded so there are no divs under #thesView.
- Richard
On 9/8/07, JuergenRiemer <[EMAIL PROTECTED]> wrote:
>
>
> Hi,
>
> I have an HTML document, that I write into a div element. this works
> fine, yet when I try to access the the inserted elements via jQuery
> selectors I cant.
>
> here the main html document, the div where I input the html document
> via jquery respectively
> <div id='thesView'>empty</div>
>
> here the html (database.html) document I insert:
> <div class='left'>eins</div>
> <div class='left'>zwei</div>
> <div class='left'>drei</div>
>
> and here my javascript, the part that is commented out does work.. I
> can add events to the ajax content, yet $('#thesView > div') does
> not.. do I overlook something here???
>
> thx a lot
>
> test = {
> dRoot : null,
> load : function(){
> var oThis = this;
> $('#thesView').load('database.html', '', oThis.afterLoad
> ());
> },
> afterLoad : function(){
> this.addBehaviour()
> },
> addBehaviour : function(){
> $('#thesView > div').click(function(){
> alert('click')
> })
> // $('div').click(function(){
> // alert('this works!!!!!')
> // })
> }
> }
>
> jQuery(function() {
> test.load()
> }
>
>
