Question

在我的反应js中，我使用了html主题，但根据html样式设计，设计没有正确显示，它显示为普通复选框。我怎么能这样做，如何渲染javascript函数切换主题。

 <div id="tab5" className="tab-pane fade">
 <input type="checkbox" data-render="switchery" data-theme="lime" checked /> 
   </div>

Answer 1

将选择器（类或Id）添加到输入元素

 <div id="tab5" className="tab-pane fade">
    <input className="js-switch" type="checkbox" data-render="switchery" data-theme="lime" checked /> 
</div>

并调用Switchery，如下所示。

var elem = document.querySelector('.js-switch');
var init = new Switchery(elem);

您可以阅读文档以申请多个输入元素here

这是工作codepen link

我相信您正在将加载css文件加载到您的网页中。

<head>
  <link rel="stylesheet" href="assets/switchery.css">
</head>

如何在反应js中调用javascript函数以正确显示样式与html主题

1 个答案: