Question

我正在尝试制作一个jQuery图像切换器。这是我的HTML结构：

<div id="modal">
    <div id="colors">
        <ul class="product-image-thumbs">
            <li>
                <a href="#">
                    <img src="thumb-0.jpg" id="thumb-0" class="gallery-image">
                </a>
             </li>
             <li>
                 <a href="#">
                     <img src="thumb-1.jpg" id="thumb-1" class="gallery-image">
                 </a>
             </li>
              <li>
                  <a href="#">
                      <img src="thumb-2.jpg" id="thumb-2" class="gallery-image">
                  </a>
             </li>
         </ul>
    </div>

    <div class="photo">
        <img src="current_img" id="1">
    </div>
</div>

这是我的jQuery：

jQuery(document).ready(function(){
  jQuery(".gallery-image").click(function(){
    $(".photo").prop("src", jQuery(this).prop("src"));
    return false;
  });
});

当我尝试代码时，我收到以下错误消息：

Uncaught TypeError: Cannot read property 'prop' of null

有人知道代码有什么问题吗？

Answer 1

你在div中有img标记这样做：

$(".photo > img").prop("src", jQuery(this).prop("src"));

Working Example

jQuery图像切换器：未捕获的TypeError

1 个答案: