3

私はJQMアプリに取り組んでおり、チェックボックスを押すと追加のオプションが表示されるようにしようとしています。$().on('vclick') を使用してイベントをキャプチャすることにかなり慣れていますが、チェックボックスでは機能しないようです。理由はありますか？

フィドルはこちら: http://jsfiddle.net/T3qmG/43/

HTML

<body>
    <div data-role="page">
        <div data-role="header">
            <h2>Checkbox Test</h2>
        </div>
        <div data-role="content">
                <input type="checkbox" id="checkbox-choice-1" />
                <label for="checkbox-choice-1">Click me</label>
        </div>
        <input id="vclick-test" type="button" value="A normal button"/>
    </div>
</body>

Javascript

$(document).ready(function(){
    $("#checkbox-choice-1").on('vclick', function(){
        alert("VClick event triggerd.  Yet you'll never see this..");
    });
    $("#checkbox-choice-1").click(function(){
        alert("Click event triggerd.");
    });
    $("#checkbox-choice-1").change(function(){
        alert("Change event triggerd.");
    });
    $("#vclick-test").on('vclick', function(){
        alert("This proves that vclicks do work...");
    });
});
4

1 に答える 1

2

[type=checkbox]とのみを入力するよう[type=radio]です。clickchangetap

ただし、引き続き使用する場合はvclick、このイベントを入力の にバインドする必要がありlabelます。

デモ

HTML

<input type="checkbox" id="checkbox-choice-1" />
<label for="checkbox-choice-1">Click me</label>

JS

$("[for=checkbox-choice-1]").on('vclick', function () {
  alert("VClick event triggerd. Yet you'll see THIS..");
});
于 2013-06-26T18:06:47.257 に答える