Question

我写一个JQuery代码，当用户点击缩略图时，主Slider更改数据基础 - img; 代码工作和`img附加到主滑块机器人没有显示！和图像没有加载，在chrome ispector中生成的图像不像链接那样出现，

这是我的代码：

$(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>

Answer 1

图片属性应为src而不是scr。

Answer 2

希望它有所帮助，

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');
      });
  });

jquery img没有加载“scr”

2 个答案: