gpt4 book ai didi

jquery - (为什么)jQuery 会让我的 slider 看起来很胖?

转载 作者:行者123 更新时间:2023-11-30 23:50:59 29 4
gpt4 key购买 nike

我正在自学 jQuery,并使用 slider 控件开始使用 jquery-ui。我把它连接起来,功能上它运行良好,当我滑动 handle 时设置一些全局页面变量。然而,它看起来并不像 jquery-ui 演示页面上的 slider 。

它是一个水平 slider ,我可以通过设置 jquery-ui 转换为 slider 的 CSS width 属性来控制栏的长度。但该条大约比演示页面上的条“厚”两到三倍,并且 slider handle 也按比例变大。看起来不错,但不如演示页面上的那么好。

以宽度设置为提示,我尝试设置底层 .这改变了酒吧部分的高度,但没有改变现在看起来过大的 handle 。

这是标题:

<head>
<title>The Memory Game</title>
<link href="css/smoothness/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" />
<link href="css/memoryGame.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="js/memoryGame.js" type="text/javascript"></script>
</head>

这是 HTML 标记:

<div id="control-panel"  class="ui-state-default">
<div id="slider" style="width: 150px"></div>
</div>

这是我的控制面板 CSS:

div#control-panel {
padding: 10px;
float: right;
}

这是我应用 slider 的 jQuery:

$('#slider').slider({
max: 10000,
value: waitTime,
change: function(event, ui) {
waitTime = ui.value;
fadeTime = waitTime / 3;
}
});

任何人都可以建议我如何缩放 slider 的厚度或至少获得与 jquery-ui 演示页面上显示的相同的厚度吗?

最佳答案

slider 大小由“font-size”CSS 属性控制。您想要减小父元素的字体大小。

关于jquery - (为什么)jQuery 会让我的 slider 看起来很胖?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1616675/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com