Dreamweaver中的jQuery幫助

Question

我是HTML/jQuery的新手，我正在努力解決一個問題。我的目標是當你點擊一個盒子（#boxone）時，一個圖像出現在另一個盒子（#boximage）中。

我不確定在我的代碼中是否有錯誤，或者是否有加載它的夢想編織器出現問題。任何幫助，非常感謝！

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 

$(document).ready(function() { 
    $('#boxone').click(function(){ 
     $("#boximage").attr('src',"http://i.minus.com/iPbqANEnXrXtb.png"); 
    return false; 
    }); 
}); 

</script> 

Answer 1

的代碼，如果你想改變一個div內的圖像，你要麼需要改變的背景圖像，或圖像追加到div有用於交換現有圖像的URL，

$('#boximage').css("background-image", "url(http://i.minus.com/iPbqANEnXrXtb.png)"); 

$('#boximage').prepend('<img src="http://i.minus.com/iPbqANEnXrXtb.png" />') 

Answer 2

你錯過了在第一行結束腳本標籤...並添加啓動在第二個腳本標籤..

應該

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#boxone').click(function(){ 
    $("#boximage").attr('src',"http://i.minus.com/iPbqANEnXrXtb.png"); 
    return false; 
    }); 
}); 
</script> 

Answer 3

你需要用自己的<script>標籤內的jQuery代碼：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#boxone').click(function(){ 
      $("#boximage").attr('src',"http://i.minus.com/iPbqANEnXrXtb.png"); 
      return false; 
     }); 
    }); 
</script>