我正在尝试在一些文本旁边和span
表格单元格中实现一个 JQuery 滑块。
<tr>
<td>
Transfert: <span id="Trans" /> <div id="TraSlider" />
</td>
</tr>
不幸的是,滑块不会粘在右边或文本上。似乎div
是问题所在。我尝试将其更改为span
,但滑块不再正确显示。
我怎样才能实现这一点(无需将滑块移动到另一个单元格)?
PS:这是一个JsFiddle。
我正在尝试在一些文本旁边和span
表格单元格中实现一个 JQuery 滑块。
<tr>
<td>
Transfert: <span id="Trans" /> <div id="TraSlider" />
</td>
</tr>
不幸的是,滑块不会粘在右边或文本上。似乎div
是问题所在。我尝试将其更改为span
,但滑块不再正确显示。
我怎样才能实现这一点(无需将滑块移动到另一个单元格)?
PS:这是一个JsFiddle。
似乎它只是inline-block
和一个width
. 考虑到这一点,请看这个小提琴:
.ui-widget-content {
display:inline-block;
width:100px;
}
您可以(显示:块)在这些内容的 css 中,但这些内容的顺序总是会有所不同。或者您可以尝试使用 CSS 使滑块 div 向右浮动,这样其他东西就不会受到它的绝对位置的影响。
看起来有人在我摆弄的时候打败了我。反正就是这里。-- .val() 适用于输入仅供参考。
// css and table width will squeeze your text so: