0

我正在尝试将主题滚轮主题应用于带有 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 提供的示例不使用这些。

任何帮助,将不胜感激!

4

0 回答 0