Question

我尝试使用框内的文字创建复选框。 Jquery UI似乎已经有了类似于我想要的东西 - 看看＆＃34; Toggle＆＃34;此页面上的按钮：http://jqueryui.com/button/#checkbox

这里显示的示例代码似乎并不适合我。以下是我页面上代码的片段。

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>

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

<script>
    $(document).ready(function () {
        $("#check").button();
    });
</script>

经过检查，Chrome告诉我.button（）是一个未定义的函数。反过来，页面上的复选框不受影响，并保持为常规复选框，其中包含文本＆＃34;切换＆＃34;在外面。

有人知道另一个插件中的复选框功能和文本框内的文字吗？我还想将复选框的样式设置得非常大，并且可能会在检查状态下更改背景颜色。谢谢你的时间！

Answer 1

这是因为您使用旧版本的jQuery和jQuery-ui。

在这个使用jQuery 1.7.1的小提琴：http://fiddle.jshell.net/t2jhL9ru/中你可以看到button()未定义，而在这个小提琴中：http://fiddle.jshell.net/t2jhL9ru/1/使用jQuery-1.8.3和jQuery- Ui-1.9.2，事情很好。

复选框里面有文字

1 个答案: