Проблема с синтаксисом .live

Question

Мне нужно, чтобы эффект события mousedown/up был куплен на странице через .load.

Я использую это, но я думаю, что я, возможно, получил это неправильно:

$("#newBtn").live('mouseup', function(){ 
    $(this).css('box-shadow', '0px 7px 10px -5px #000'); 
}).mousedown(function(){ 
    $(this).css('box-shadow', '0px 7px 10px -5px #666'); 
}); 

Вот событие загрузки:

$('#dashboard').click(function() 
{ 
    $('#box').html(''); 
    $('#box').load('ajax/content.php #dashboard'); 
}); 
$('#calendar').click(function() 
{ 
    $('#box').html(''); 
    $('#box').load('ajax/content.php #calendar'); 
}); 

Эти две кнопки, одна из которых загружает DIV, который содержит #newBtn.

Любая помощь будет оценена!

Я также попытался это:

$("#dashboard").on('load', function(){ 
    $('#newBtn').mouseup(function() 
    { 
     $(this).css('box-shadow', '0px 7px 10px -5px #000'); 
    }).mousedown(function(){ 
     $(this).css('box-shadow', '0px 7px 10px -5px #666'); 
    }); 
}); 

Мое мышление было то, что при загрузке нового DIV в моей страницы мыши вниз событие будет вооруженным. Но не тут-то :(

Answer 1

Ok,

Я ценю помощь, но на методе не работает для меня, я, наконец, получил его, как это (используя синтаксис инженера с живой метод):.

$('#newBtn').live('mouseup','#newBtn',function() { 
     $(this).css('box-shadow', '0px 7px 10px -5px #000'); 
    }).live('mousedown','#newBtn',function() { 
     $(this).css('box-shadow', '0px 7px 10px -5px #666'); 
    }); 

Единственное, что я не знаю, почему это сработало, поэтому, если кто-нибудь сможет объяснить это мне :), было бы здорово!