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 类的 CSS 和页面顶部的 .fuelux 类/作为父级。