Faltam alguns detalhes para isso funcionar:
o método .off()
está mal configurado:
O método pode ser usado sem parametros mas aí vai remover todos os event handlers adicionados com o .on()
, meio perigoso/imprevisivel. O melhor é defenir qual o tipo de evento (e não o objeto evento em sí como tinhas), e já agora para ser seguro passar a função que se quer anular. Ou seja:
$(this).off("click", eventCon);
// ou somente $(this).off(); que desaconselho
Outro problema já referido é a questão de o código estar a ser corrido antes de o DOM estar pronto. Isso resolve-se envolvento $("#div3").on("click", eventCon);
com uma função domready do jQuery. Exemplo:
$(function () {
// código a correr aqui...
});
Assim o código todo seria:
$(function () {
$("#div3").on("click", eventCon);
});
var qtdadeCliques = 0;
var eventCon = function (evento) {
qtdadeCliques++;
if (qtdadeCliques >= 3) {
alert('Chegou a 3!');
$(this).off('click', eventCon);
}
};