select怎么能是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'); 
});