Fuelux 微调器在追加到 div 事件时未显示微调器

Question

我正在使用 fuelux 微调器，它在页面加载时应用微调器，但在我附加包含微调器 div 的 HTML 代码时无法应用微调器。 CSS也被打扰了

<!-- Loaded spinner having button + and - to input box STARTS -->
<div class="shape-sp">
   <div class="spinner-my">
      <div class="input-group">
          <input type="text" maxlength="1" class="spinner-input form-control">
          <div class="spinner-buttons input-group-btn btn-group-vertical">
          <button class="btn spinner-up btn-xs default" type="button">
             <i class="fa fa-angle-up"></i>
           </button>
           <button class="btn spinner-down btn-xs default" type="button">
             <i class="fa fa-angle-down"></i>
           </button>
           </div>
      </div>
   </div>                                                                   
</div>

HTMLCODE = /* It contains HTML code that will get appended to MYDIV */;
$("#mydiv").append(HTMLCODE);

<div id="mydiv"> </div>

Answer 1

您需要在追加后对元素调用 $('spinner-my').spinner();。并且您需要使用页面顶部的 .spinner class for CSS 和 .fuelux class 作为父级。

Fuelux 微调器在追加到 div 事件时未显示微调器

Fuelux spinner is not showing spinner on append to div event

css

jquery

spinner

twitter-bootstrap

fuelux