クリックしたときにラジオ ボタンが変更されないようにしようとしていますが、標準の jQuery を使用すると機能しますが、jQuery Mobile を含めると機能しないようです。jQuery Mobile で他に何かする必要がありますか?
<fieldset data-role="controlgroup" data-type="horizontal">
<input type="radio" name="trade-direction" id="buy" value="B" checked="checked" />
<label for="buy">Buy</label>
<input type="radio" name="trade-direction" id="hold" value="H" />
<label for="hold">Hold</label>
<input type="radio" name="trade-direction" id="sell" value="S" />
<label for="sell">Sell</label>
</fieldset>
$('[name="trade-direction"]:radio').click(function(event) {
if(!confirm("Do You Want To Change?")) {
event.preventDefault();
}
});
以下は、jsFiddle のコードへのリンクです。