Question

我刚刚将iCheck（http://icheck.fronteed.com）合并到我的网站中，以便用iCheck提供的更具视觉吸引力的复选框样式替换页面上的平淡默认复选框元素。

iCheck在大多数情况下工作得非常好，但出于某种原因，它破坏了我用于tablesorter的columnselector小部件（https://mottie.github.io/tablesorter/docs/example-widget-column-selector.html）的功能。

为了解决这个问题，我希望使用iCheck为我的网站上的每个复选框设置样式，除了列为columnselector小部件的任何复选框之外。有没有办法让iCheck忽略特定的div或复选框（通过添加一个类），或者只有iCheck样式的复选框标有特定的类？

提前感谢您提出的建议！

Answer 1

我认为您要设置样式的复选框以及您不想设置样式的复选框将具有不同的类。如果没有，请在复选框中添加一个不应该设置样式的附加类。

例如：

<input type="checkbox" />
<input type="checkbox" class="dont-style" />

//Adding not to the query selector only selects input's without the *dont-style* class
$('input').not('.dont-style').iCheck({
  labelHover: false,
  cursor: true
});

或者你可以只在你希望像styleMe样式的复选框中添加一个类，然后像这样初始化插件：

$('.styleMe').iCheck({
      labelHover: false,
      cursor: true
    });

我如何阻止iCheck设置某些复选框的样式，同时仍然为其他人设计风格？

1 个答案: