圆形滑块文本框始终可见

Posted

技术标签:

【中文标题】圆形滑块文本框始终可见【英文标题】:Round slider textbox always visable 【发布时间】:2016-09-25 15:56:12 【问题描述】:

我正在使用http://roundsliderui.com/demos.html 圆形滑块库。我想显示可编辑的文本框总是显示不隐藏。谢谢

【问题讨论】:

那么我建议先学习。 :) 一切顺利 我发现这个site 非常有用 @CerlinBoss 我找到了 roundsliderui.com/demos.html 这个。他们在鼠标悬停时显示文本框,但我希望在此文本框中始终可见 请编辑您的帖子并包含您迄今为止尝试过的代码。您可能想在 jsfiddle.net 创建一个演示。在那之前,没有人能比@CerlinBoss 提供更多帮助。 @nawaz 我还阅读了您建议的演示,它们都没有显示<textbox>,也没有渲染。您需要进一步澄清问题。 【参考方案1】:

了解,您应该提供代码,并且可以从这里的人那里获得帮助或建议。我采用了您提供的示例并进行了一些更改。

这是一个工作示例:http://jsfiddle.net/Twisty/Lorej7up/

HTML

<div class="slider-wrapper">
  <div id="slider">
  </div>
  <input type="text" id="myToolTip" class="rs-input rs-tooltip-text" style="height: 27px; width: 32px;" />
</div>

CSS

.slider-wrapper 
  position: relative;


.slider-wrapper input.rs-input 
  position: absolute;
  top: 95px;
  left: 93px;
  z-index: 100;

jQuery

function updateToolTip() 
  $("#myToolTip").val($("#slider").roundSlider("option", "value"));

$(function() 
  $("#slider").roundSlider(
    sliderType: "min-range",
    radius: 110,
    width: 10,
    startAngle: 90,
    value: "82",
    showTooltip: false,
    editableTooltip: false,
    drag: updateToolTip,
    change: updateToolTip
  );
  $("#myToolTip").val($("#slider").roundSlider("option", "value"));
  $("#myToolTip").change(function() 
    $("#slider").roundSlider("option", "value", $(this).val());
  );
);

【讨论】:

我非常感激和感激。万岁:) 拜托这是我真正的问题。如果可能,请帮助我@twisty @nawaz 我不知道你的意思。我们解决了您的问题。如果您有新问题或新问题,则需要发布新问题。成员不会为您编写新代码,但可以在修复您尝试使用的代码方面提供帮助。否则,您应该考虑雇用网站 UI 开发人员。 是的,我提出了新问题,但还没有回答***.com/questions/37710368/half-color-of-roundslider

以上是关于圆形滑块文本框始终可见的主要内容,如果未能解决你的问题,请参考以下文章

Flex 4:具有滑块和文本框组合

将数据从文本框获取到属性,该属性从滑块接收其文本(初学者问题)

文本框在 DataGridview 文本框列中不可见

在 wpf 中的自定义样式上,文本框的文本始终为空

在多行文本框上设置最大字符(可见性允许)

始终在底部滚动文本框[重复]