改變主圖像與點擊不工作

我想改變我的主圖像，當我點擊它，我做了console.log，它給了我這個錯誤Uncaught TypeError: Cannot read property 'src' of null，我做錯了this屬性？我如何點擊我的img-container以顯示爲主圖像？提前致謝！改變主圖像與點擊不工作

我的div

<ul class="list-inline "> 
<div class="main_image"><img src="some.jpg" ></div> 

<li><div class="img-container"><img src="some.jpg" ></div></li> 
<li><div class="img-container"><img src="some.jpg" ></div></li> 
</ul>

jQuery的

<script> 
$(document).ready(function() { 
$(".img-container img").click(function() { 
    $(".main_image img").attr("src", $(this).attr("src")); 
}); 
}); 
</script>

來源

2014-12-31 Risbo

無法重現http://jsfiddle.net/mowglisanu/smwej5fw/ – Musa

你代碼的作品。問題可能在其他地方。 – nanndoj

@Risbo，你確定DOM元素不是在頁面加載後動態添加的嗎？在這種情況下，腳本運行但無法找到相關元素，從而引發該錯誤 – Anzel

元素這是沒有答案你的問題，因爲我不能重現這個問題，但我會給你這種替代解決方案...

$(document).ready(function() { 
$(".img-container img").click(function() { 
    //$(".main_image img").attr("src", $(this).attr("src")); 
    var img = $(this).clone(); 
    $(".main_image img").remove(); 
    $(".main_image").append(img); 
}); 
});

這裏舉例：jsfiddle

來源

2014-12-31 01:19:02

你爲什麼要使用「本」？你可以只找到與jQuery

$(".main_image img").attr("src", $("#myElement").attr("src"));

來源

2014-12-31 01:01:13 Eduardo

他正在使用這個，因爲他想獲得點擊元素！他提供的代碼工作正常！ – nanndoj

仍然不回答不可重複的問題。 – Anzel

改變主圖像與點擊不工作

回答

相關問題