为什么我的点击不能按预期工作?

问题描述:

我只是试试这个代码:为什么我的点击不能按预期工作?

$("#test").ready(function() { 
    $(this).click(function() { 
     alert('clicked!'); 
    }); 
}); 

小提琴这里:http://jsfiddle.net/8bfqw/

为什么当我点击的div以外,它仍然戒备?

+0

这是一个提示:http://jsfiddle.net/8BFQW/1/ – nnnnnn 2013-04-10 11:50:03

这是因为你的选择$(#test)实际上是$(document)因为从docs

的。就绪()方法只能一个jQuery对象匹配 当前文档

上被称为不管你通过选择器内部,它将被省略并在当前文档上工作。的$(document).ready(function(){})简写版$(function(){});所以你想:

$(function() { 
    $('#test').click(function() { 
     alert('clicked!'); 
    }); 
}); 

$("#test").ready(function() { 
    $("#test").click(function() { 
     alert('clicked!'); 
    }); 
}); 

$("#test").ready(function() { 
    $("#test").click(function() { 
     alert('clicked!'); 
    }); 
}); 

你要设置的点击功能的测试对象,而不是整个文件$(本)。