我需要有一个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加载到我的页面时,鼠标按下事件将由武装。但没有这样的运气:(
答案 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');
});
唯一的问题是,我不知道为什么它有效,所以如果有人能向我解释那就太棒了!