【唐诗】《相和歌辭 長信怨 二》 王昌齡：奉帚平明金殿開，暫將團扇共裴回。玉顏不及寒鵶色，猶帶昭陽日影來。

永夜

没有不值得去解决的问题，也没有不值得去学习的技术！

How to Fix Event Handlers Not Working on Script-Created Elements in jQuery

When selecting Yes, the newly created element can now pop up the information input box!

作者：

永夜

在

, ,
Views: 30
When selecting Yes, the newly created element does not pop up the information input box!
When selecting Yes, the newly created element does not pop up the information input box!
When selecting Yes, the newly created element can now pop up the information input box!
When selecting Yes, the newly created element can now pop up the information input box!

HTML structure:

Plaintext
<td><span id="<a>is_mar431</a>"><input class="<a>is_mar</a>" value="<a>0</a>" id="<a>is_mar431_0</a>" checked="<a>checked</a>" type="<a>radio</a>" name="<a>is_mar431</a>" /> <label for="<a>is_mar431_0</a>">否</label> <input class="<a>is_mar</a>" value="<a>1</a>" id="<a>is_mar431_1</a>" type="<a>radio</a>" name="<a>is_mar431</a>" /> <label for="<a>is_mar431_1</a>">是</label></span></td>

// JS structure (before):

    // Whether it is damaged; select Yes to display the damage information input text box
    $("span[id^=is_mar] :radio").change( function() {
        var this_name = $(this).attr("name");
        var input_id = 'mar_note_'+this_name.substring(6);
        if ($("input[name="+this_name+"]:checked").val() == 1) {
            $("#"+this_name+"").after('<span id="J_'+input_id+'"> 损坏信息：<input id="'+input_id+'" type="text" tabindex="3" name="'+input_id+'" value="" /></span>');
        } else {
            $("#J_"+input_id+"").remove();
        }
    });

// JS structure (after):

    // Whether it is damaged; select Yes to display the damage information input text box
    $("span[id^=is_mar] :radio").live("change",function() {
        var this_name = $(this).attr("name");
        var input_id = 'mar_note_'+this_name.substring(6);
        if ($("input[name="+this_name+"]:checked").val() == 1) {
            $("#"+this_name+"").after('<span id="J_'+input_id+'"> 损坏信息：<input id="'+input_id+'" type="text" tabindex="3" name="'+input_id+'" value="" /></span>');
        } else {
            $("#J_"+input_id+"").remove();
        }
    });

// URL referencing live: http://www.w3school.com.cn/jquery/event_live.asp

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者，自 2013 年起持续运营个人技术博客，记录工作与个人项目中遇到的真实问题，以及解决问题过程中的探索、实践和思考。

除了技术写作，我也在持续开发和维护自己的独立项目，探索新技术和新工具在实际场景中的应用。我始终相信，没有不值得去解决的问题，也没有不值得去学习的技术。

如果这篇文章对你有所帮助，欢迎浏览博客中的其他文章，也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系

更多文章