3

我已经购买了一个基于 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>&nbsp;
    </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>&nbsp;
    </label><span class="switch-right">Disabled</span>
</div>

并且开关不能正常工作并停止滑动顺畅。

谢谢你们的帮助

========= 似乎管理面板的开发人员将此模块用于开关

http://www.bootstrap-switch.org/documentation-2.html

因此，如果有人可以帮助我，将不胜感激。我现在被困了几个小时:(

4

1 回答 1

0

您提供的文档显示复选框状态可以设置为父 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>
于 2015-06-08T11:50:11.210 回答