使用nameProp的JQuery图像翻转在Firefox和Chrome中不起作用

Question

我有一个JQuery函数，当光标悬停在较小的图像上时，它会将缩略图转换为更大的图像。这在IE中运行良好，但在Firefox和Chrome中根本没有。我是JQuery的新手。是否有与“nameProp”相关的内容应该有所不同？我的功能如下。谢谢。

        $(document).ready(function(){
            $("#thumbs img").mouseover(function(){
                var objthis = $(this)[0];
                document.getElementById("picture").src=objthis.nameProp;
            });
        });

Answer 1

nameProp是一个仅在IE中可用的专有扩展程序，而是使用src属性值。

document.getElementById("picture").src = this.getAttribute('src');

或

document.getElementById("picture").src = $(this).attr('src');

另请注意，鼠标悬停处理程序this内部已经代表了您需要处理的元素，因此您无需执行var objthis = $(this)[0];