javascript - jQuery Spinner 不工作，而是显示一个普通的文本框

Question

我正在使用 jQuery Spinner显示带有递增/递减选项的文本框。

目前，我已经编写了非常基本的代码来创建微调器。

HTML

<input id="spinner" name="value">

jQuery

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script>
    $(function() {
        $(".spinner").spinner();
    });
</script>

Here’s a jsFiddle.

在页面上呈现后，它显示一个纯文本框，在控制台中，我收到以下错误:

• ReferenceError: jQuery is not defined

  })( jQuery );
  

• TypeError: $(...).spinner is not a function

  $("#spinner").spinner();
  

我是不是忘了调用一些额外的 jQuery 或其他东西？

Answer 1

您还没有选择jquery库。您需要为您选择合适的jquery框架。

如果您的其他框架正在使用 jquery，您必须在包含其他库之前包含 jquery 库

$(document).ready(function() {
     $("#spinner").spinner();
 });

DEMO