Internet Explorer的JQuery问题

Internet Explorer的JQuery问题,jquery,wordpress,internet-explorer-8,wordpress-thesis-theme,Jquery,Wordpress,Internet Explorer 8,Wordpress Thesis Theme,我在Wordpress站点(论文主题)中使用JQuery动态交换图像。在Chrome/Firefox/Safari中,一切正常,但图像在IE中根本没有显示。我哪里出错了?代码如下,开发人员站点位于 函数add_image_header(){ 全球$员额; $image\u header=get\u post\u meta($post->ID,'image\u header',true); $image\u one\u full=get\u post\u meta($post->ID,'image

我在Wordpress站点(论文主题)中使用JQuery动态交换图像。在Chrome/Firefox/Safari中,一切正常,但图像在IE中根本没有显示。我哪里出错了?代码如下,开发人员站点位于

函数add_image_header(){
全球$员额;
$image\u header=get\u post\u meta($post->ID,'image\u header',true);
$image\u one\u full=get\u post\u meta($post->ID,'image\u one\u full',true);
$image\u one\u cropped=get\u post\u meta($post->ID,'image\u one\u cropped',true);
$image\u two\u full=get\u post\u meta($post->ID,'image\u two\u full',true);
$image\u two\u cropped=get\u post\u meta($post->ID,'image\u two\u cropped',true);
$image\u three\u full=get\u post\u meta($post->ID,'image\u three\u full',true);
$image\u three\u cropped=get\u post\u meta($post->ID,'image\u three\u cropped',true);
$page\u meta\u desc=get\u post\u meta($post->ID,'thesis\u description',true);
if($image\u头){
?>  
$(文档).ready(函数(){
$(“.thumb”)。单击(函数(){
var Image1Main=$(this.data('main');
var Image1Thumb=$(this.attr('src');
var Image2Main=$('main#u image').attr('src');
var Image2Thumb=$('main#u image')。数据('thumb');
$('main#u image').attr(“src”,Image1Main);
$('main#u image')。数据(“thumb”,Image1Thumb);
$(this.attr(“src”,Image2Thumb);
$(此).data(“main”,Image2Main);
});
});
“id=”main_image“/>
"/>
"/>
要从1.6开始使用jQuery设置“src”属性,需要使用“.prop()”,而不是“.attr()”:

这看起来很简单,但现在已经有所不同了

使用带有一个参数的“.attr()”来获取值可能还可以,但即使这样,使用“.prop()”也会更好

编辑-布拉德·克里斯蒂正确地指出:

               this.src = Image2Thumb;
当jQuery对象只是一个元素时(如上面的代码中所示),效果非常好。如果要设置大量不同的元素,jQuery表单非常有用。

要从1.6开始使用jQuery设置“src”属性,需要使用“.prop()”,而不是“.attr()”:

这看起来很简单,但现在已经有所不同了

使用带有一个参数的“.attr()”来获取值可能还可以,但即使这样,使用“.prop()”也会更好

编辑-布拉德·克里斯蒂正确地指出:

               this.src = Image2Thumb;

当jQuery对象只是一个元素时(如上面的代码所示),效果非常好。如果要设置大量不同的元素,jQuery表单非常有用。

这就是生成的HTML的外观:

<img class="thumb" data-main="http://daf.dev/wp-content/uploads/2011/12/image_two_full_example1.jpg" src="http://daf.dev/wp-content/uploads/2011/12/image_two_crop_example1.jpg"/>


data main
属性中的值不是有效的图像URL,这是您将为图像标记设置
.src
值的值之一。不知何故,我认为您生成的URL不正确,或者这些URL中存在图像,或者此网页不适用于像我们这样的外部用户(我不确定是哪个)。

这是生成的HTML的一部分的外观:

<img class="thumb" data-main="http://daf.dev/wp-content/uploads/2011/12/image_two_full_example1.jpg" src="http://daf.dev/wp-content/uploads/2011/12/image_two_crop_example1.jpg"/>


data main
属性中的值不是有效的图像URL,这是您将为图像标记设置
.src
值的值之一。不知何故,我认为您生成的URL不正确,或者这些URL中存在图像,或者此网页不适用于像我们这样的外部用户(我不知道是哪个).

即使在Chrome中,它们也不会为我显示。请看呈现的HTML。丢失的图像指向一个不存在的域…404错误与您的编程方式无关。是的,当我将站点移动到一个新服务器时,我丢失了链接。这总是很容易的。谢谢大家。它们甚至在Chrome中也不会为我显示。请看r受欢迎的HTML。丢失的图像指向一个不存在的域…404错误与您的编程方式无关。是的,当我将站点移动到新服务器时,我丢失了链接。这总是一件容易的事情。谢谢大家。就我个人而言,我更喜欢使用
this.src
,因为它无论如何都将是一个DOM图像,但这可能是首选的个人而言,我更喜欢使用
this.src
,因为它无论如何都是一个DOM图像,但这可能是我的首选。