تقوم jQuery بتعطيل عنصر لإيقاف تشغيل الوظيفة؟
-
26-09-2019 - |
سؤال
هل يمكن استخدام نفس "تعطيل" لإيقاف تشغيل وظيفة باستخدام مربع اختيار على سبيل المثال؟ أي خارج هناك؟
المحلول
إذا فهمت ما تطلبه ، فيمكنك تعيين وإزالة معالج نقرة لوظيفة ، أو أي شيء على طول الخطوط:
<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>
--
تحديث:
حسنًا ، لست متأكدًا مما إذا كان هذا مثاليًا ، ولكن هذا يجب أن يحاكي ما تبحث عنه:
<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>
حاولت النظر إلى إلخ إلخ ، لكن لا شيء يبدو أنه يعمل.
لا تنتمي إلى StackOverflow