我正在尝试使用jquery-ui微调器将主题滚动主题应用于页面。应用主题后,微调器的按钮大部分隐藏在输入下。
以下是整个页面:
<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="jquery-ui-1.12.1.custom/jquery-ui.theme.min.css">
<script src="jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script>
$(function ()
{
$(".spinner").spinner().width(120);
});
</script>
</head>
<body>
<input id="spin" class="spinner" type="text">
</body>
</html>
(抱歉不使用jfiddle。你必须下载主题才能看到问题。)我没有以任何方式改变主题。有一个example of the spinner working with the theme here。您也可以从该页面下载主题。
我发现有几个人抱怨同样的问题,但没有解决方案。我尝试了不同版本的jquery(3,2和1)。您可以从元素中删除.width(120)和type =“text”。 example jquery provides不使用这些。
任何帮助将不胜感激!