Question

我是HTML / jQuery的新手，我正在努力解决问题。我的目标是在你点击一个框（#boxone）时这样做，一个图像出现在另一个框中（#boximage）。

我不确定我的代码中是否存在错误或Dream weaver加载它的问题。非常感谢任何帮助！

 <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

您需要将jQuery代码包装在自己的<script>标记中：

<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 2

用于交换现有图像的网址的代码，如果要更改div中的图像，则需要更改背景图像，或者将图像附加到div

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

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

Answer 3

您错过了第一行中的结束脚本标记...并在第二行添加了起始脚本标记..

应该是

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

Dreamweaver中的jQuery帮助

3 个答案: