jQuery 附加功能在 Internet Explorer 8 中不起作用 [英] jQuery append function not working in Internet Explorer 8

问题描述

这是我的代码-

$("body").append("
" +
"+
"+"<a href='javascript:void(0)' onclick='add()'>添加</a>"+</li>"+
"+<a href='javascript:void(0)' onclick='edit()'>Edit</a>"+</li>"+
"+"<a href='javascript:void(0)' onclick='delete()'>Delete</a>"+</li>"+</ul>"+"</div>");

在 IE8 中，我收到以下错误 -网页错误详情

用户代理:Mozilla/4.0(兼容；MSIE 8.0；Windows NT 5.1；Trident/4.0)时间戳:2013 年 3 月 27 日星期三 07:03:53 UTC消息:HTML 解析错误:在关闭子元素之前无法修改父容器元素 (KB927917)行:0字符:0代码:0

解决方案

对我来说，如果要追加的元素是输入，则追加不起作用.对于其他元素工作.

例子

<td id="V_DepTOTd"><input type="text" id="V_DepTO"/></td>

没用

$("#V_DepTO").append("`<input type='hidden' id='elementSelected'/>`");

js 错误:意外的调用方法或属性访问

工作

$("#V_DepTOTd").append("`<input type='hidden' id='elementSelected'/>`");

在 IE8 和 jquery.min.js 1.9.1 中测试

Here is my code-

$("body").append("<div>" +
                        "<ul>" +
                            "<li>" +
                                "<a href='javascript:void(0)' onclick='add()'>Add</a>" +
                            "</li>" +
                            "<li>" +
                                "<a href='javascript:void(0)' onclick='edit()'>Edit</a>" +
                            "</li>" +
                            "<li>" +
                                "<a href='javascript:void(0)' onclick='delete()'>Delete</a>" +
                            "</li>" +
                        "</ul>" +
                    "</div>");

In IE8 I am getting following error - Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0)
Timestamp: Wed, 27 Mar 2013 07:03:53 UTC

Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
Line: 0
Char: 0
Code: 0

解决方案

for me append didn't work if the element to append was a input. For other elements work.

Example

<td id="V_DepTOTd"><input type="text" id="V_DepTO" /></td>

didn't work

$("#V_DepTO").append("`<input type='hidden' id='elementSelected' />`");

js error: unexpected call method or property acces

work

$("#V_DepTOTd").append("`<input type='hidden' id='elementSelected' />`");

Tested in IE8 and jquery.min.js 1.9.1

这篇关于jQuery 附加功能在 Internet Explorer 8 中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！