Question

我正在尝试确保当我单击图像时

<div id="getImage" class="gallery_grid_item md-card-content">
<img onClick="handleImage()" src ="img.png">
</div>

<div id="holdImage">
</div>

然后将其放入另一个div

function handleImage() {
        var $img = $("#getImage").children("img");
        $("#holdImage").append($img);
    }

但是，我已经对此进行了两次和三次检查，但是该功能在控制台中仍然显示为未定义？

这是怎么回事？

Answer 1

这是由您错过的某些事物引起的，我对此进行了纠正

$("getImage")替换为$("#getImage")（在这里您错过了一个#）
onClick="handleImage()被onClick="handleImage()"替换，（您错过了一个 "在这里）
var $img被var img取代（您无需在$符号中声明js中的变量。

function handleImage() {
            var img = $("#getImage").children("img");
            $("#holdImage").append(img);
        }

#getImage{
width:50px;
height:100px;
border:1px solid #000;
}
#getImage>img{
width:100%;
height:100%;
}

#holdImage{
width:100px;
height:200px;
border:1px solid green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="getImage" class="gallery_grid_item md-card-content">
    <img onClick="handleImage()" src ="http://imgsv.imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-140mmf_35-56g_ed_vr/img/sample/img_01.jpg" >
 </div>

    <div id="holdImage">
    </div>

Answer 2

您没有关闭onClick =“ ...”上的引号，因此它可能正在寻找名为“ handleImage（）src =”

的函数

Answer 3

您忘记关闭src属性 <img onClick="handleImage()" src ="img.png">

JS img点击功能未定义

3 个答案: