Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquerychanged";href";值,但不';以后不能正确显示_Javascript_Jquery_Html - Fatal编程技术网

Javascript jquerychanged";href";值,但不';以后不能正确显示

Javascript jquerychanged";href";值,但不';以后不能正确显示,javascript,jquery,html,Javascript,Jquery,Html,我是这个网站的新手,希望我问的问题是正确的。我在网上寻找答案,但找不到任何解决办法 基本上,我有一张大图,下面是一张小图。理想的结果是,当点击小图片时,它应该与大图片一起改变位置(小图片变大,大图片变小)。此外,当图片处于#大屏幕时,我有一个缩放脚本,使用更大版本的图片。这是我更改和标记属性的脚本 $('#small img:nth-of-type(1)').click(function(){ if ($('#med1').attr('src') == 'images/m-<

我是这个网站的新手,希望我问的问题是正确的。我在网上寻找答案,但找不到任何解决办法

基本上,我有一张大图,下面是一张小图。理想的结果是,当点击小图片时,它应该与大图片一起改变位置(小图片变大,大图片变小)。此外,当图片处于#大屏幕时,我有一个缩放脚本,使用更大版本的图片。这是我更改和标记属性的脚本

$('#small img:nth-of-type(1)').click(function(){
        if ($('#med1').attr('src') == 'images/m-<?php echo $src; ?>.jpg') {
              $('#big1').attr('href','images/<?php echo $src; ?>_2.jpg');
              $('#med1 ').attr('src','images/m-<?php echo $src; ?>_2.jpg');
              $('#small img:nth-of-type(1)').attr('src','images/m-<?php echo $src; ?>.jpg');
              console.log($('#big1').attr('href'))
        } else {
                 $('#big1').attr('href','images/<?php echo $src; ?>.jpg');
                 $('#med1 ').attr('src','images/m-<?php echo $src; ?>.jpg');
                 $('#small img:nth-of-type(1)').attr('src','images/m-<?php echo $src; ?>_2.jpg');
                 console.log($('#big1').attr('href'))                               
                }               
});
$(“#小img:n类型(1)”。单击(函数(){
if($('#med1').attr('src')=='images/m-.jpg'){
$('big1').attr('href','images/_2.jpg');
$('med1').attr('src','images/m-_2.jpg');
$(“#小img:n类型(1)”.attr('src','images/m-.jpg');
console.log($('#big1').attr('href'))
}否则{
$('#big1').attr('href','images/.jpg');
$('med1').attr('src','images/m-.jpg');
$(“#小img:n类型(1)”.attr('src','images/m-_2.jpg');
console.log($('#big1').attr('href'))
}               
});
我使用console.log()检查脚本是否向标记传递了正确的参数,以及是否传递了正确的参数。但不管出于什么原因,它都不起作用(缩放图像不会改变)。以下是中的代码,其中包含大图片和缩放图片:

<div id="big"> 
  <?php 
        echo "<a href=\"images/"  .$src.  ".jpg\" class=\"zoom\" id=\"big1\"><img src=\"images/m-". $src. ".jpg\" class=\"big\" id=\"med1\"></a>" ; 
        echo "<a href=\"images/"  .$src. "_1.jpg\" class=\"zoom1\" id=\"big2\"><img src=\"images/m-".   $src. "_1.jpg\" class=\"big\" id=\"med2\"></a>" ; 
    ?>
</div>

告诉我,如果你需要现场演示来查看它或任何其他信息。我真的迷路了。脚本成功地更改了图片,如果我们可以信任console.log(),它成功地更改了标记的href,但从视觉上看,缩放图像没有更改。请帮忙

编辑:这是现场演示:

这是因为您的easyzoom.js文件正在加载图像副本,以便在您最初调用它时显示在缩放中。然后鼠标盖使用该图像。您需要对此进行更改。

缩放功能通过以下语句激活:
$('a.Zoom').easyZoom()。更新图像时,还必须更新缩放功能。您可以在更新href:
$('#big1').easyZoom()后尝试使用此选项

我们需要现场演示才能找到您真正想要的东西!:)我用链接编辑了我的帖子。询问您是否需要更多信息,但它工作正常,问题出在哪里?它工作不正常。当你点击底部的小图片时,它会改变与大图片的位置。但是,当你浏览左侧刚刚改变的“新”大图时,它会缩放旧图。我如何才能回忆easyzoom.js或切换图像?我知道这可能是个问题,但后来我看到console.log()成功地更改了href attributeAs,Fernando建议我应该调用该函数。不管怎样谢谢你的帮助谢谢你,这就是它的工作原理。我几乎可以肯定这就是问题所在,但不知道如何解决它。没想到我能再打一次。谢谢你的帮助