jQuery disattivare un elemento essere utilizzata per disattivare una funzione?
-
26-09-2019 - |
Domanda
Può lo stesso "disable" essere usato per disattivare una funzione tramite una casella di controllo per esempio? Qualsiasi là fuori?
Soluzione
Se ho capito quello che stai chiedendo, è possibile assegnare e rimuovere un gestore di clic per una funzione, o qualcosa del tipo:
<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>
-
Aggiornamento:
Hmm, non so se questo è l'ideale, ma questo dovrebbe imitare quello che stai cercando:
<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>
Ho provato a guardare in non vincolante, ecc, ma niente sembrava funzionare.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow