0

我写了一个JQuery代码，当用户点击缩略图时，主滑块改变数据库的基础img；代码工作和`img附加到主滑块机器人没有显示！并且图像未加载，在 chrome isspector 生成的图像中不像链接一样出现，

这是我的代码：

$(function () {
        $('.product-item').click(function () {
            var $img = $(this).find('img').attr('data-img');
            var $slider = '<img scr=' + $img + ' />';
            $($slider).appendTo('.large_image');
        })
    })

这是一些html：

<div class="large_image">
  <img src="Images/slider/customer1.jpg" />
 </div>
                <div class="product-thumb">
                    <a href="#" class="span3 product-item">
                        <img src="Images/slider/slide2/thumb/customer_item.jpg" data-img="Images/slider/slide2/webpage1.png" />
                        <span>
                            <img src="Images/pet-ico.png" />
                            sample text
                        </span>
                    </a>
                        <a href="#" class="span3 product-item">
                            <img src="Images/slider/slide2/thumb/customer_item.jpg" />
                            <span>
                                <img src="Images/pet-ico.png" />
                                sample text
                            </span>
                        </a>
4

2 回答 2

4

src图像的属性不应该是scr。

于 2013-11-03T13:22:45.133 回答
0

希望能帮助到你，

img 标签应该是，

 <img src='imge source'>

img 标签 scr 而不是 src 有错误，这就是为什么，

  $(function () {
    $('.product-item').click(function () {
        var $img = $(this).find('img').attr('data-img');
        var $slider = '<img src=' + $img + ' />';
        $($slider).appendTo('.large_image');
      });
  });
于 2013-11-03T13:25:18.397 回答