Question

我有一个像这样的嵌套式手风琴：

<script>
$(document).ready(function(){

    var parentDivs = $('#standard div'),
        childDivs1 = $('#standard h4').siblings('div');
        childDivs2 = $('#standard h5').siblings('div');

    $('#standard h3').click(function () {
        parentDivs.slideUp();
        if ($(this).next().is(':hidden')) {
            $(this).next().slideDown({easing:'easeOutQuad', duration:1000});
        } else {
            $(this).next().slideUp({easing:'easeOutQuad', duration:1000});
        }
    });

    $('#standard h4').click(function () {
        childDivs1.slideUp();
        if ($(this).next().is(':hidden')) {
            $(this).next().slideDown({easing:'easeOutQuad', duration:1000});
        } else {
            $(this).next().slideUp({easing:'easeOutQuad', duration:1000});
        }
    });

    $('#standard h5').click(function () {
        childDivs2.slideUp();
        if ($(this).next().is(':hidden')) {
            $(this).next().slideDown({easing:'easeOutQuad', duration:1000});
        } else {
            $(this).next().slideUp({easing:'easeOutQuad', duration:1000});
        }
    });

});
</script>

内容div包含单选按钮：

<p class="radioBtn">
<label for="input-1-1">Yes </label> <input id="input-1-1" name="clause" data-completed-id="1" value="1" type="radio" checked/>
</p>
<p class="radioBtn">
<label for="input-1-2">No </label> <input id="input-1-2" name="clause" data-completed-id="1" value="0" type="radio" />
</p>

我想要做的是使用以下代码让他们解决更改：

$('input:radio[name=clause]').change(function() {
alert("Test!");
});

但是当我更改单选按钮时没有任何反应。

Answer 1

试试这个 $("input[name='clause']").on('change',function() { alert("Test!"); });

Answer 2

您的代码没问题。尝试将它放在文档事件中，就像这样...

$(document).ready(function() {
   $('input:radio[name=clause]').change(function() {
      alert("Test!");
   });
})

Answer 3

好的，我已经解决了。我忘了我正在使用jQuery插件iCheck，它拥有它自己的一组回调。

抱歉浪费每个人的时间。

在.slideDown之后发射一个事件

3 个答案: