JQuery Desativar um elemento pode ser usado para desativar uma função?
-
26-09-2019 - |
Pergunta
O mesmo "desativar" pode ser usado para desativar uma função usando uma caixa de seleção, por exemplo? Algum por aí?
Solução
Se eu entendi o que você está pedindo, você pode atribuir e remover um manipulador de cliques para uma função, ou algo como:
<script type="text/javascript">
function toggleStatus() {
if ($('#toggle').is(':checked')) {
$('#alert').click(function() {
hello();
});
$("#toggleLabel").text("on");
} else {
$("#toggleLabel").text("off");
$('#alert').unbind('click');
}
}
function hello() {
alert('hello');
}
</script>
<form id="toggleForm">
<label id="toggleLabel" for="toggle">off</label>
<input type="checkbox" id="toggle" name="toggle" onchange="toggleStatus()" />
</form>
<a id="alert" href="#">Function</a>
--
Atualizar:
Hmm, não tenho certeza se isso é ideal, mas isso deve imitar o que você está procurando:
<script type="text/javascript">
function toggleStatus() {
if ($('#toggle').is(':checked')) {
$("#toggleLabel").text("on");
$("#alert").tipTip();
$("#tiptip_holder").css('display', '');
} else {
$("#tiptip_holder").css('display', 'none !important');
$("#toggleLabel").text("off");
}
}
</script>
<form id="toggleForm">
<label id="toggleLabel" for="toggle">off</label>
<input type="checkbox" id="toggle" name="toggle" onchange="toggleStatus()" />
</form>
<a id="alert" href="#" title="This is a tooltip">Tooltip</a>
Tentei olhar para desbaste etc, mas nada parecia funcionar.
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow