Estou desenvolvendo um script que exige chamar um click()
de um botão pois ele está invisível na página, no entanto o jQuery parece não retornar os atributos atualizados quando eles são alterados. Veja este exemplo:
$(function(){
$('.hidden').on('click', function(){
console.log($(this).data('s'));
alert($(this).data('s'));
});
});
$('.visivel').on('click', function(){
var d = new Date();
var s = d.getSeconds();
$('.hidden').attr('data-s', s).click();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class='visivel'>Clique me</button>
<button class='hidden' data-s='' style='display:none;'>Invisivel</button>
Como pode observar, ao testar é gerado um alert()
informando os segundos atuais, mas se clicar novamente ele fica mostrando os segundos do primeiro clique, apesar do data-s
ser alterado, o alert
não retorna o novo segundo. Seria isso um bug do jQuery? Só consegui resolver usando this.dataset.s
para que o alert
funcione, gostaria de saber por que esse comportamento? E a estrutura é essa mesma, uma função dentro e outra fora do $(function(){})
.
PS:
A estrutura deve seguir a que eu coloquei como exemplo, uma das funções deve estar fora do $(function(){}), isso porque a lógica do projeto requer esse tipo de organização, estou usando outras bibliotecas.