Javascript 使用jQuery时遇到问题；关于；点击

我试图在单击单选按钮时从其中任何一个按钮启动一个功能，但它似乎不起作用

我的代码：

$('.radio [name=list_in]').on('click', function() {
    updateListingForm('list_in');
});

我的HTML：

<div class="fields">
    <div class="radio">
        <div class="pretty_rb styledRadio" style="background-image: url('images/form-radio-icons.png'); width: 19px; height: 20px; cursor: pointer; background-position: 0px -20px;"><input type="radio" checked="" value="auction" class="pretty_rb" id="list_site" name="list_in" style="display: none;"></div><label for="list_site">Site</label>
    </div>
    <div class="radio">
        <div class="pretty_rb styledRadio" style="background-image: url('images/form-radio-icons.png'); width: 19px; height: 20px; cursor: pointer; background-position: 0px 0px;"><input type="radio" value="store" class="pretty_rb" id="list_store" name="list_in" style="display: none;"></div><label for="list_store">Store</label>
    </div>                    
    <div class="contentClear"></div>
</div>

场地
商场

我正在使用jQuery插件来设置广播字段的样式，这是它输出的HTML，这就是为什么隐藏普通广播字段的原因

我无法使用

onclick

事件，因为；这就是为什么我尝试在这里使用上的

，但似乎无法启动它

我做错了什么
 将侦听器指定给呈现的元素而不是隐藏的元素：

$('.radio .pretty_rb').on('click', function() {
    updateListingForm('list_in');
});

试试这个

$('.radio').on('click', function() {
    updateListingForm('list_in');
});

我猜您错过了$（document）.ready（function（）{…}）

此代码适用于我：

$(document).ready(function() {
    $('.radio [name=list_in]').on('click', function() {
        alert('It works');
    });
});

能否将单击侦听器分配给呈现的按钮而不是隐藏的按钮？$（文档）；尝试此操作附加单击事件的方式有问题。我认为这不是所谓的，我创造了这个，它起了作用。你把你的点击代码包装在一个
$（文档）里了吗。准备好了吗（函数（）{/*你的代码*/}）
？啊，是的，我真是太蠢了，应该想到这个哈哈。。。。。我唯一的问题是，我必须把它们放在一个ID中，以避免它应用于页面上的其他无线电字段，不过没什么大不了的。。。。谢谢是的，你需要一种方法来区分它们，但这是最基本的想法。不客气，很高兴你解决了问题！：）有趣的是，没有人费心阅读完整的问题…on（）方法似乎只对可视元素有效，您可以使用deleagte代替：$（document）.ready（function（）{$（'body'）.on（'click'，'）.radio[name=list_in]'，function（）{alert（“This works”）；}）；