FuelUX Pillbox - 更改添加药丸的默认类答案

【问题标题】：FuelUX Pillbox - change default class for added pillFuelUX Pillbox - 更改添加药丸的默认类
【发布时间】：2015-09-18 12:48:04
【问题描述】：

我正在使用 FuelUX 的 Pillbox 来标记记录。每颗药丸都以这样的方式描述为 li 实体：

<li class="btn btn-default pill" data-value="two-value">
  <span>Item 2</span>
  <span class="glyphicon glyphicon-close">
  <span class="sr-only">Remove</span>
  </span>
</li>

默认情况下，标签被创建为默认大小的引导按钮（.btn-default 类），并且此代码在第 42 行的 pillbox.js 文件中硬编码：

this.$pillHTML = '<li class="btn btn-default pill">'...

如何将按钮类更改为 .btn-xs 或将我自己的类应用于新添加的药丸？

已解决：刚刚添加到事件 added.fu.pillbox 代码中，建议如下，所有新添加的药丸（不仅是现有的）立即应用所需的类

$('#myPillbox1').on('added.fu.pillbox', function pillboxAddedNew(evt, item) {
$('.btn.btn-default.pill').addClass('btn-xs'); });

#myPillbox1 是药丸容器

<div id="myPillbox1" data-initialize="pillbox" class="pillbox pills-editable">
<ul class="clearfix pill-group">
<li class="btn btn-default btn-xs pill" data-value="two-value">
    <span>Item 2</span>
    <span class="glyphicon glyphicon-close">
        <span class="sr-only">Remove</span>
    </span>
</li>
...
</ul>
</div>

【问题讨论】：

标签： twitter-bootstrap fuelux

【解决方案1】：

你需要使用jquery来实现这个，

$(document).ready(
    function(){  
           $('.btn.btn-default.pill').addClass('btn-xs');
    });

这会将您的课程添加到该 li。

这将工作 100%

【讨论】：