Jquery 更改动态元素名称在 IE7 中不起作用

Question

我有一些克隆 HTML Select 元素的代码。克隆工作正常。

克隆的元素将具有 id={original_element_id}-1

克隆元素后，在 IE7 中我无法选择该元素。例如：

原始元素：

<select name="13">
    <option>Value 1
    <option>Value 2
</select>

克隆元素：

<select name="13-1">
    <option>Value 1
    <option>Value 2
</select>

我尝试这样做：

$("[name='13-1']").live('click',function() {
    alert(1);
});

这在 Chrome 中有效，但在 IE7 中不起作用。

如何在 IE7 中选择动态创建的元素？

我正在使用 Jquery 1.4.2，我尝试过 1.4.3、1.4.1、1.4.0、1.6.2

Answer 1

我已经测试了我的版本 IE7 并且工作正常，将您的脚本更改为以下内容：

$(function() {
    $("select[name='13-1']").live('click', function() {
        alert(1);
    });
});

链接：http://jsfiddle.net/LE9Ed /

更新

动态html：http://jsfiddle.net/LE9Ed/1/

Answer 2

$orig = $('select');

$orig.clone().attr('name', '13-1').appendTo('body');

$("[name='13-1']").live('click',function() {
    alert(1);
});

1. 这是一个工作示例： http://jsfiddle.net/B5m6F/5/
2. 另外还缺少一个括号您在哪里使用 name 属性