Question

我使用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 class），并且此代码在第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>

Answer 1

您需要使用jquery来实现此目的，

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

这会将你的课程添加到那个li。

这将100％

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

1 个答案: