javascript - 如何选择由 jQuery 生成的元素？

Question

我正在尝试使用 js 生成的元素激活 slideDown() onclick。

我从 ryanfait.com 下载了一个脚本，它允许您自定义单选按钮的外观。这工作正常，但是当我尝试对生成的元素(在本例中为跨度)应用操作时，它不起作用。我该如何解决这个问题？

这是我的 HTML:

<div class="radiocont">
                                <label>Yes</label>
                                <input type="radio" class="styled" value="yes" name="watertank" />
                            </div>
                            <div class="radiocont">
                                <label>No</label>
                                <input type="radio" class="styled" value="no" name="watertank" />
                            </div>

当 DOM 加载时，输入被替换为如下所示的跨度: <span class="radio" title="yes" style="background-position: 0pt 0pt;"></span>

当您单击其中一个跨度时，我想激活 slideDown()。这是我的 js:$('[title="yes"]').click(function() {
$(this).nextAll('.secondq:first').slideDown('slow');
});

有人可以帮忙吗？

Answer 1

使用.live或 .delegate “为与当前选择器匹配的所有元素的事件附加一个处理程序，现在和将来。”

// .live()
$('[title="yes"]').live("click", function() { 
    $(this).nextAll('.secondq:first').slideDown('slow'); 
});

// .delegate() (not entirely sure of your structure, the below may need
// to be modified accordingly
$('.radiocont').delegate("span[title='yes']", "click", function() { 
    $(this).nextAll('.secondq:first').slideDown('slow'); 
});