如何检测jQuery UI无线电更改事件？

Question

我有2个无线电控制:

<fieldset id="sort">
                <label for="sort">Sort: </label>
                <input class="sortDirection" type="radio" id="asc" name="sortDirection"><label for="asc">asc</label>
                <input class="sortDirection" type="radio" id="desc" name="sortDirection"><label for="desc">desc</label>
</fieldset>

这是我正在使用的jquery:

$(document).ready(function(){
        $('#sort').buttonset();
});

$('#asc').on("change", function(event){
        alert("CHANGE EVENT!");
});

我也尝试过(结果相同):

$('#sort input[type="radio"]').on("change", function(event){
        alert("CHANGE EVENT!");
});

警报永远不会执行.我在这做错了什么？

Answer 1

事件必须在$(document).ready或 window.onload中

这段代码:

$(document).ready(function(){
        $('#sort').buttonset();
});

应该

$(document).ready(function(){
        $('#sort').buttonset();

        // events  
        $('#asc').on("change", function(event){
              alert("CHANGE EVENT!");
        });
});