絶対配置された要素を持つjQuery UI Spinnerコントロールを使用する

Question

私は画面上にいくつかのコントロールを動的に作成し、数値フィールドにはjQuery UIスピナーコントロールを使用したいと考えています。絶対に要素を配置していますが、UIコントロールでは機能しないようです。私は2つのコントロールの例でjsfiddleを作成しました。絶対制御は機能しません。

https://jsfiddle.net/41u0kjsb/

<input type="text" style="height:18px;width:40px;top:55px;left:255px;position:absolute;z-index:101;font-family:Arial;font-size:10pt;text-align:right;padding-right:2px;" pt_properties="biu" pt_format="" pt_mask="" pt_readonly="False" pt_required="False" pt_dmn="QTY_FURN_100M" pt_type="N_NUMERIC" title="qty_furn_100M (QTY_FURN_100M)" tabindex="1" id="control1" maxlength="255" value="1"> 
<br><br><br> 
<input type="text" style="height:18px;width:40px;position:relative;z-index:101;font-family:Arial;font-size:10pt;text-align:left;padding-right:2px;" pt_properties="biu" pt_format="" pt_mask="" pt_readonly="False" pt_required="False" pt_dmn="QTY_FURN_100M" pt_type="N_NUMERIC" title="qty_furn_100M (QTY_FURN_100M)" tabindex="1" id="control2" maxlength="255" value="1"> 

    $('input[PT_TYPE="N_NUMERIC"]').spinner(); 

Answer 1

ウィジェットの位置を設定しないでください。それが作成された後の代わりに、スピナーのラッパーにそれを設定します。その後、

<input id="spin" style="position:relative;"> 

と：

​​

例：https://jsfiddle.net/3rf0xhqr/