Probleme mit der .live-Syntax - jquery, load, live, mousedown, mouseup

Ich brauche einen MouseDown- / Up-Event-Effekt, ein Element, das über .load in die Seite eingekauft wird.

Ich benutze das, aber ich glaube, ich habe es falsch verstanden:

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

Hier ist das Ladeereignis:

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

Dies sind zwei Schaltflächen, von denen eine ein div lädt, das #newBtn enthält.

Jede Hilfe wäre willkommen!

Ich habe es auch versucht:

    $("#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");
});
});

Ich dachte, dass beim Laden des neuen Divs in meine Seite das Mouse-Down-Ereignis aktiviert würde. Aber kein Glück :(

Antworten:

OK,

Ich weiß die Hilfe zu schätzen, aber die on-Methode hat bei mir nicht funktioniert. Ich habe es endlich so verstanden (unter Verwendung der Engineer-Syntax mit der Live-Methode):

   $("#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");
});

Das einzige ist, ich weiß nicht, warum es so funktioniert hat, wenn mir jemand DAS erklären kann :) das wäre großartig!