我正在尝试将主题滚轮主题应用于带有 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。您必须下载主题才能看到问题。)我没有以任何方式更改主题。这里有一个使用主题的微调器示例。您也可以从该页面下载主题。
我发现一些人抱怨同样的问题但没有解决方案。我尝试了不同版本的 jquery(3、2 和 1)。您可以从元素中删除 .width(120) 和 type="text" 。jquery 提供的示例不使用这些。
任何帮助,将不胜感激!