jQuery获取生成元素属性FF vs IE问题

Question

我的选择标签（filterBA）上有一个点击事件，然后动态生成选项。

$("#filterBA").click(function(event){
   var $tgt = $(event.target);

   if($tgt.is('option')){
        if($tgt.attr('id') != 0){
            sortRowsByBA($tgt.attr('id'));
        }else{
            appendOrReplaceRows("replace", getSortColumn(), getAscdesc());
        }
}
});

这在 Firefox 中效果很好，但 IE 不会将我的 $tgt 识别为选项。我通过添加来检查：

$("#filterBA").click(function(event){
    var $tgt = $(event.target);
    alert($tgt.is('option'));
    ...

并且无论它返回 false。但在 FF 中它返回 true vi 我按住鼠标选择其中一个选项。我不明白，因为当我必须选择我创建的自定义选择列表（在同一系统中）中使用的 div 时，我使用相同的方法，但是当点击事件位于标签上时，它不会工作。

有人知道可能出了什么问题吗？

顺便提一句。这是我生成选项的函数：

function pupulateBA(){
$selectTag = $('#nav select').html('<option id="0">Select business area</div>');
$.ajax({
    url: "ajaxBAs.cgi",
    dataType: 'json',
    success: function(jsonData){
        for(var businessIndex in jsonData){
            $selectTag.append("<option id='"+jsonData[businessIndex].id+"'>"+jsonData[businessIndex].name+"</option>");
        }
    },
    error: function(){
        alert('Ajax error retriving business areas to frontpage.');
    }
});

}

我找到了一个解决方案：

ofc 我是个白痴，因为我忘记了所有关于“:selected”的事情.. DOH！这是我标签上的新事件：

$("#filterBA").change(function(){
    $('#filterBA option:selected').each(function(){
        alert($(this).attr('id'));
    });
});

这适用于 FF 和 IE 在选择下拉列表中动态创建的选项。

Answer 1

来自QuirksMode。

event.target - W3C/Netscape 说：目标。微软说不，是 srcElement。

不积极如何解决它。不过，请阅读 QuirksMode 文章，因为它提供的函数可能会或可能不会执行您想要的操作，并且还指定了一些希望对您有用的其他属性。尽管我希望 jQuery 有一个抽象版本，这样您就不必担心 IE 黑客攻击。