Я купил админ-панель на основе bootstrap / html, которая поставляется с множеством замечательных функций, одна из которых — флип-переключатель, который выглядит очень гладко и хочу использовать его для моего статуса любого продукта.
Вот так выглядят настоящие коды
<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;">
<input type="checkbox" checked="checked">
</div>
Когда я проверяю элемент из моего просмотра, я получаю следующее:
<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;">
<div class="switch-on switch-animate" style="">
<input type="checkbox" checked="checked">
<span class="switch-left">Enabled</span><label>
</label><span class="switch-right">Disabled</span>
</div>
Я использовал обычный data-role = «flipswitch», но это выглядит иначе
Включить выглядит следующим образом
<div class="switch-on switch-animate">
Выключить выглядит так
<div class="switch-off switch animate">
Пожалуйста, помогите, как я могу использовать выше, чтобы изменить, когда страница загружается в зависимости от значения, поступающего из базы данных.
Я пытался следовать и не работал
<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;">
<div class="<?if($Status = 1){ echo 'switch-on'; } else { echo 'switch-off'; } switch-animate" style="">
<input type="checkbox" checked="checked">
<span class="switch-left">Enabled</span><label>
</label><span class="switch-right">Disabled</span>
</div>
И переключается не работает должным образом и перестать скользить плавно.
Спасибо за помощь ребята
=========
Похоже, разработчики админ-панели использовали этот модуль для переключателей
http://www.bootstrap-switch.org/documentation-2.html
Так что если кто-нибудь сможет мне помочь в этом, буду очень признателен. Я застрял на несколько часов 🙁
Предоставленная вами документация показывает, что состояние флажка может быть установлено как атрибут данных в родительском div.
<div data-state="<?php echo ($status == 1) ? 'true' : 'false' ?>" data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;">
<input type="checkbox" checked="checked">
</div>
Других решений пока нет …