.live構文の問題 - jquery、load、live、mousedown、mouseup

私は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");
});

これがloadイベントです。

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

これらは二つのボタンで、その一つは#newBtnを含むdivをロードします。

どんな助けもありがとう！

私もこれを試した：

    $("#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を自分のページにロードすると、マウスダウンイベントが発生することです。しかし、そのような運はありません:(

回答：

OK、

私は助けに感謝します、しかしonメソッドは私のために働いていませんでした。私はようやく次のようになりました（liveメソッドでEngineerの構文を使う）。

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

唯一のことは、誰かが私にそれを説明できるのであればなぜそれがうまくいったのかわからない、それは素晴らしいことです！