javascript - 如何在某些 html 表格单元格中的某些文本的右侧保留一个 Jquery 滑块？

Question

我正在尝试在一些文本旁边和span表格单元格中实现一个 JQuery 滑块。

<tr>
    <td>
        Transfert: <span id="Trans" /> <div id="TraSlider" />
    </td>
</tr>

不幸的是，滑块不会粘在右边或文本上。似乎div是问题所在。我尝试将其更改为span，但滑块不再正确显示。

在此处输入图像描述

我怎样才能实现这一点（无需将滑块移动到另一个单元格）？

PS：这是一个JsFiddle。

score 2 · Accepted Answer

似乎它只是inline-block和一个width. 考虑到这一点，请看这个小提琴：

.ui-widget-content {
    display:inline-block;
    width:100px;
}

score 0 · Accepted Answer

您可以（显示：块）在这些内容的 css 中，但这些内容的顺序总是会有所不同。或者您可以尝试使用 CSS 使滑块 div 向右浮动，这样其他东西就不会受到它的绝对位置的影响。

score 0 · Accepted Answer

看起来有人在我摆弄的时候打败了我。反正就是这里。-- .val() 适用于输入仅供参考。

// css and table width will squeeze your text so:

3 回答 3