-1

我是 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>
4

3 回答 3

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>
于 2013-04-18T04:53:41.800 回答
0

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

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

$('#boximage').prepend('<img src="http://i.minus.com/iPbqANEnXrXtb.png" />')
于 2013-04-18T04:50:19.713 回答
0

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

它应该是

<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>
于 2013-04-18T04:53:08.727 回答