0

我遇到了 jquery UI 脚本未加载的初学者问题。基本上我正在尝试将一些复选框作为按钮，但是当我像这样声明 jquery UI 脚本时这不起作用：

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<input type="checkbox" id="check" /><label for="check">Toggle</label>

<div id="format">
  <input type="checkbox" id="check1" /><label for="check1">B</label>
  <input type="checkbox" id="check2" /><label for="check2">I</label>
  <input type="checkbox" id="check3" /><label for="check3">U</label>
</div>

http://jsfiddle.net/ftraian/cu8mS

4

2 回答 2

1

jQuery UI 不包含核心 jQuery 库。在您的 jQuery UI 引用之前添加对它的引用。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

编辑：值得注意的是，jsFiddle 通常不允许<script>HTML 部分中的标签。它肯定没有执行 CDN 请求。如果您选中 UI 复选框并运行小提琴，按钮样式就会启动......

于 2013-10-12T06:31:47.327 回答
1

查看您修改后的 Fiddle，我添加了 jQuery 和 jQuery ui css http://jsfiddle.net/cu8mS/1/：

<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.10.2.min.js"></script>
于 2013-10-12T06:33:25.600 回答