Question

我有一个初学者的问题，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

Answer 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通常不会在HTML部分中使用<script>标记。它肯定没有执行CDN请求。如果您选中UI复选框并运行小提琴，按钮样式就会启动......

Answer 2

看到你修改过的小提琴，我添加了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>

Jquery UI脚本未加载

2 个答案: