jquery - RadioButton 可拖动只能移动单选按钮圆圈而不移动值为什么？

Question

这是我的困境......

我想用它的值制作可移动的单选按钮，但它只能移动单选按钮圆圈而不是它的值。

HTML:

<input type="radio" id="tstrdb" value="radiobuttion1" name="1">radiobuttion1</input>

JQUERY:

$("#tstrdb").draggable({cancel:''});

这里是DEMO

这与DIV标签一起使用。

HTML:

<div class="divtag"><input type="radio" id="tstrdb" value="radiobuttion1" name="1">radiobuttion1</input></div>

JQUERY:

$(".divtag").draggable();

<强> DIV DEMO

但我不想添加更多控件。

还有没有其他方法可以不用 DIV 标签？

Answer 1

<input>标签无法关闭。如果要标记输入标签，请使用 <label> :

<label id="test"><input type="radio"/> Your label</label>

然后调用:

$("#test").draggable()

与包装相反<div> , <label>确保您可以单击标签来更改单选框。