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未定义

  })( jQuery );
  

  

• TypeError：$(...).spinner不是函数

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

  

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

Answer 1

您尚未选择jquery库。您需要为您选择合适的Jquery框架。

如果您的其他框架使用jquery，则必须包含jquery库befoore，包括其他库

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

DEMO

Answer 2

确保您在jQueryUI之前确实正确引用了jQuery。在这种情况下它起作用：

jsfiddle.net/NY4mE/1 / - 使用jsFiddle参考

OR

jsfiddle.net/NY4mE/3 / - 使用您自己的示例中的直接链接