Checkbox dentro de um comportamento de clique âncora
Considere o seguinte snippet:
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
<form>
<a id="a" href="http://google.com">Goooooogle</a>
</form>
<script>
$(function() {
var checkbox = $('<input type="checkbox"></input>');
checkbox.prependTo($('#a'));
checkbox.click(function(e) {
e.stopPropagation();
// do something useful
});
});
</script>
</body>
</html>
Quero obter uma caixa de seleção dentro<a>
e obtenha o seguinte comportamento ao clicar:
a href
Também não quero substituir o comportamento padrão se clicar em qualquer lugar ema
, mas não na caixa de seleção. I.e. Desejo permitir a execução de todos os manipuladores de eventos associados aa
clique em si.
Pensei que deveria ser bem fácil, mas não consigo o comportamento desejado. Ou
Eu sou redirecionado para o Google se eu colocar um código fornecido. Não recebo a marca de seleção alternada se usare.preventDefault()
doreturn false;
. Além disso, nesse caso, a caixa de seleção ignoracheckbox.attr('checked', 'checked')
e todas as outras formas possíveis de definir a marca de seleçãOnde está o problema?
UPD: Isso funciona conforme o esperado no Chrome, por exemplo Não sou redirecionado ao clicar, mas falha no Firefox. Existe maneira entre navegadores?