麻烦.live语法

时间:2012-06-10 08:39:37

标签: 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');
});

这是加载事件:

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

这是两个按钮,其中一个按钮加载包含#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加载到我的页面时,鼠标按下事件将由武装。但没有这样的运气:(

1 个答案:

答案 0 :(得分:0)

确定,

我很感激帮助,但on方法对我不起作用。我终于得到了这样(使用工程师的语法和live方法):

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

唯一的问题是,我不知道为什么它有效,所以如果有人能向我解释那就太棒了!