Почему мой клик не работает должным образом?

Question

я просто попробовать этот код:

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

скрипку здесь: http://jsfiddle.net/8bfqw/

Почему это по-прежнему начеку, когда я нажимаю за пределами DIV?

Answer 1

Это потому, что ваш селектор $(#test) фактически $(document) так как из docs: метод

.ready() может быть вызван только на объект JQuery, совпадающим с текущий документ

Независимо от вас пройдите внутри селектора, он будет опущен и будет работать с текущим документом. Сокращенная версия $(document).ready(function(){}) является $(function(){}); так что вы хотите:

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

Answer 2

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

Answer 3

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

Вы должны установить CLICK-функцию на тест-объект, а не весь документ $ (это).