asp.net mvc - Error: Object [object Object] has no method 'spinner' in MVC webgrid -

I have a web grid and I have to make a numeric column in the web grid. For this, I am using jQuery UI Spinner controls.

Just a look:

  grid1.Column ("salary", format: (object) => HTML text box ("salary", (integer) items New, {@class = "spinnertxt", @ id = "txt" + item.EmployeeId}, title: "salary")))  

and to create a spinner:

  & lt; Script & gt; Jquery (document) .ready (function () {jQuery ('spinnertxt') spinner ({min: -100}); jQuery ('spinnertxt') spinner ('option', 'max', 100);}); & Lt; / Script & gt;  

But the result is not expected The browser returns a script error:

Error: There is no method 'spinner' in the object [object object]

< P> I am using the following jQuery referrals:

  & lt; Script src = "/ script / jquery-1.7.1.js" & gt; & Lt; / Script & gt; & Lt; Script src = "/ script / jquery-ui-1.8.20.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "stylesheet" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">  

I do not have duplicated jQuery libraries ..

Please give any suggestions.

jquery UI 1.8.20 does not include spinner, on the latest version Try switching.