//記一個問題(已經解決2016.5.5)
//在公司項目中遇見一個添加單選項的需求,采用ajax一步請求。為節約資源添加後不刷新網頁,js動態改變頁面
//當選擇到動態添加的單選項,執行綁定事件
radio 單選JS動態添加的選項,onchange事件無效。使用delegate()函數可以解決該問題!!!
delegate():
delegate() 方法為指定的元素(屬於被選元素的子元素)添加一個或多個事件處理程序,並規定當這些事件發生時運行的函數。
使用 delegate() 方法的事件處理程序適用於當前或未來的元素(比如由腳本創建的新元素)。
語法
$(selector).delegate(childSelector,event,data,function)
參數描述
childSelector必需。規定要附加事件處理程序的一個或多個子元素。
event必需。規定附加到元素的一個或多個事件。
由空格分隔多個事件值。必須是有效的事件。
data可選。規定傳遞到函數的額外數據。
function必需。規定當事件發生時運行的函數。
//例子 $('.radio-content').delegate($('input:radio[name="optionsRadios"]'),'change',function() {}
以上所述是小編給大家介紹的Radio 單選JS動態添加的選項onchange事件無效的解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!