Spinner not working? Buttons are hidden

Spinner not working? Buttons are hidden


I was creating an asp.NET project. I have several sliders, a custom theme and more, but when I tried to implement the spinners, they aren't showing correctly (Up and Down arrows not showing, like hidden but not collapsed). I'm using:

-jQuery JavaScript Library v1.10.2
-jQuery UI - v1.12.1 - 2017-02-15
-Bootstrap, modernizr, respond...

My initial html is a input type="text" with a margin-right of 10px. Nothing special.

Once I call $("#mySpinner").spinner(), It's get modified into a span with 1 input and 2 anchors, but they didn't have a span or something inside like in the documentation. This it what I get:

  1. <span class="ui-spinner ui-corner-all ui-widget ui-widget-content">
  2.       <input id="mySpinner" style="margin-right: 10px;" type="text" value="" autocomplete="off" role="spinbutton" aria-valuenow="3">
  3.       <a tabindex="-1" aria-hidden="true" class="ui-spinner-button ui-spinner-up ui-corner-tr"></a>
  4.       <a tabindex="-1" aria-hidden="true" class="ui-spinner-button ui-spinner-down ui-corner-br"></a>
  5. </span>

If I use the "Inspect element" to add this into the anchor, I see the arrow:

  1.       <span class="ui-button-icon ui-icon ui-icon-triangle-1-n"></span>

Nothing showing in the "Console".

Which could be the problem?

Thank you!