Jquery attr('src') 在 IE 8 中未定义（在 FF 中工作）

到目前为止，我将总结我们发现的内容：

• 在事件处理程序内部，无论使用 jQuery 还是通常的 javascript，都无法在 IE8 中读取属性 src（FF 工作正常）

• 获取数据的唯一方法是将其获取到处理程序外部，将其写入数组，然后从处理程序内部读取它

• 但仍然无法写入 src （jQuery 和 javascript 都不起作用 - 仅适用于 IE 8）

• 我通过将 img 元素本身写入文档来使其工作，但是这个问题背后的原因尚未解决

我们的代码片段被使用了两次。

旧代码

<script type="text/javascript">
jQuery(document).ready(function() {
//...
//view entry
jQuery('.blogentry').live('click',function(){
    // Get contents
    blogtext = jQuery(this).children('.blogtext').html();
    blogauthor = jQuery(this).children('.onlyblogauthor').html();
    blogtitle = jQuery(this).children('.blogtitle').html();
    profileimage = jQuery(this).children('.profileimage').html();
    imgleft = jQuery(this).children('.Image_left').attr('src');
    imgcenter = jQuery(this).children('.Image_center').attr('src');
    imgright = jQuery(this).children('.Image_right').attr('src');

    // Write contents
    jQuery('#bild_left').attr('src', imgleft);
    jQuery('#bild_center').attr('src', imgcenter);
    jQuery('#bild_right').attr('src', imgright);
    jQuery('.person').attr('src', profileimage);
    jQuery('#g_fb_name').html(blogauthor);
    jQuery('#g_titel').html(blogtitle);
    jQuery('#g_text').html(blogtext);
    //...
});
//...
// Change entry
jQuery('.blogentry').each(function(){
    entryindex = jQuery(this).attr('rel');
    if (entry == entryindex)
    {
        // The following works fine (so 'children' works fine):
        blogtext = jQuery(this).children('.blogtext').html();
        blogauthor = jQuery(this).children('.onlyblogauthor').html();
        blogtitle = jQuery(this).children('.blogtitle').html();
        profileimage = jQuery(this).children('.profileimage').html();

        // This does not work - only in IE 8, works in Firefox
        imgleft = jQuery(this).children('.Image_left').attr('src');
        imgcenter = jQuery(this).children('.Image_center').attr('src');
        imgright = jQuery(this).children('.Image_right').attr('src');

        //alert: 'undefined'
        alert(jQuery(this).children('.Image_center').attr('src'));

        //...
    }
}
//...
});
</script>

新代码

请参阅我自己发布的新代码答案。

UPDATE:

这确实not如果在点击事件内部调用就可以工作！

jQuery('.Image_left').each(function(){
alert(jQuery(this).attr('src'));
});

获取图像数据的解决方案：

relcounter = 1;
imgleft_array = new Array();
jQuery('.Image_left').each(function(){
imgleft_array[relcounter] = jQuery(this).attr('src');
relcounter++;
});
relcounter = 1;
imgcenter_array = new Array();
jQuery('.Image_center').each(function(){
imgcenter_array[relcounter] = jQuery(this).attr('src');
relcounter++;
});
relcounter = 1;
imgright_array = new Array();
jQuery('.Image_right').each(function(){
imgright_array[relcounter] = jQuery(this).attr('src');
relcounter++;
});

//... inside the eventhandler (entryindex = 'rel' of blogentry):
imgleft = imgleft_array[entryindex];
imgcenter = imgcenter_array[entryindex];
imgright = imgright_array[entryindex];

这是有效的，因为它不是在事件处理程序内部调用的，并且源是预先保存的

BUT! 我仍然无法写入数据，这是我的目标：

jQuery('#bild_left').attr('src', imgleft);
jQuery('#bild_center').attr('src', imgcenter);
jQuery('#bild_right').attr('src', imgright);

更新！！！

这太疯狂了，我尝试通过普通的 JavaScript 写入数据。这在 FF 中也有效，但在 IE8 中无效。这确实是属性 src 的一些严重问题：

document.getElementById('bild_left').src = imgleft;
document.getElementById('bild_center').src = imgcenter;
document.getElementById('bild_right').src = imgright;

alert(document.getElementById('bild_left').src);

这在FF中有效，但在IE8中无效，写入后属性src仍然未定义！这似乎根本不是 jQuery 的问题！

children仅在以下情况下查找直接子元素find查找其中的所有元素，直到 dom 树中的最后一个子元素。如果你是说find正在工作，这意味着您正在查找的元素不是它的直接子元素。

尝试提醒这一点jQuery(this).children('#Image_center').length看看你会得到什么。

供参考。即使没有找到任何元素，jQuery 也会返回一个空对象，它永远不会为 null。所以提醒一个空物体总是会给你[object Object]。您应该始终检查lengthjQuery 对象的属性。

Try this

alert(jQuery(this).find('#Image_center').length);//检查是否找到元素。