你好互联网的那种人,
我在前面加上并在jQuery Mobile的范围滑块,该工程确定的左侧和右侧追加一些文本的内容作为标签,但我似乎无法获取字体的行为......字体显示不正常,我似乎无法设置/跨度内重新设置标签字体无论是。
这是一个测试页面: http://www.simdock.com/amort-test/dev-scratch/amort/scratchtesting-Slider-label-font-issue.html
下面是在左边和滑块的右侧的滑块自定义标签(最小和最大滑块范围值)提出的JavaScript代码:
$.fn.extend({
sliderLabels: function(left,right) {
var $this = $(this);
var $sliderdiv= $this.next("div.ui-slider[role='application']");
//
$sliderdiv
.prepend('<span class="ui-slider-inner-label" style="position: absolute; left:0px; top:20px;">'+left+ '</span>')
.append('<span class="ui-slider-inner-label" style="position: absolute; right:0px; bottom:20px;">'+right+ '</span>');
//
}
});
//
$('#slider-PrincipleAmnt').sliderLabels('Min: $20', 'Max: $999');
我已经尝试了许多不同的迭代,并尝试明确设置字体的跨度,但很可惜,没有运气。
我找到了原来的代码进行了jQuery论坛在以下链接: https://forum.jquery.com/topic/how-do-i-add-text-labels-below-slider
上面的链接也有一个的jsfiddle,和字体出来罚款...所以我只是不明白,我俯瞰什么。 http://jsfiddle.net/cUNyr/1/
任何帮助或建议,将不胜感激。
更新注:两个杰克和TAIFUN提供了一些非常有用的技巧和想法,但是,我仍然什么,究竟如何在CSS改变挣扎? ?我也不解/沮丧我会如何甚至能够确定文本的字体,甚至有摆在首位“影子” ......这里的跨度CSS如图萤火虫:
<span class="ui-slider-inner-label" style="position: absolute; left:0px; top:20px;">Min: $20</span>
有证据显示在Firebug起来没有“文字阴影”属性。 SOOOO,hmmmmm,我该怎么找? 并用什么工具? 哪里是“文字阴影”来自哪里? 什么会的CSS过程呢?
在这一点上,奇数球字体的显示方式,以及如何解决它仍然是一个有点神秘的...但我敢肯定有一个重要的教训要学习(禅宗的东西:珍惜你的错误)的下一次我碰到了类似的情况。 还是那句话:你们大家已经非常有帮助......我觉得我接近有这个想通了......但很可惜,还没有应用。