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

在jquery中对于由脚本创建的新元素不能够执行事件处理程序的解决!

选择是的时候,新建元素已经可以弹出信息输入框!
选择是的时候,新建元素未弹出信息输入框!
选择是的时候,新建元素未弹出信息输入框!
选择是的时候,新建元素已经可以弹出信息输入框!
选择是的时候,新建元素已经可以弹出信息输入框!

html结构:

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结构(前):

    // 是否损坏,选择是,显示损坏信息输入文本框
    $("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结构(后):

    // 是否损坏,选择是,显示损坏信息输入文本框
    $("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();
        }
    });

// 参考live的网址:http://www.w3school.com.cn/jquery/event_live.asp

需要长期技术维护或远程问题排查?

我是拥有 15+ 年经验的 PHP / Go 后端工程师,长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况,可以先从一次小问题排查开始合作:

  • ✅ PHP / Laravel / Yii2 老项目无人维护
  • ✅ Go / Gin 后端接口需要排查或优化
  • ✅ WordPress 网站访问慢、报错或插件冲突
  • ✅ Nginx / MySQL / Redis / Linux 服务器异常
  • ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
  • ✅ 需要长期远程技术支持或兼职维护

更多介绍请查看:关于我 & 合作

微信:13980074657
邮箱:shuijingwanwq@gmail.com
Telegram:@shuijingwan
GitHub:https://github.com/shuijingwan