jQuery圖像切換器：未捕獲TypeError

我試圖做一個jQuery圖像切換器。這是我的HTML結構：jQuery圖像切換器：未捕獲TypeError

<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

有誰知道什麼是錯的用代碼？

來源

2014-09-21 user3164891

嗯，首先你要設置一個'div'一個'src'屬性。這可能不會起作用。除此之外，哪個對象是'null'？ – David 2014-09-21 17:29:20

你有img標籤內的div做到這一點的方法：

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

Working Example

來源

2014-09-21 17:29:29

jQuery圖像切換器：未捕獲TypeError

回答

相關問題