Javascript 点击图片什么也不做

我正在尝试使用jQuery为图像创建单击事件，但每次尝试都失败

首先，我有一个div：

<div id="price-holder"></div>

但是，使用这种HTML不起作用

<div id="cakesmash-price" style="display:none">
   <img  id="cake" src="images/order.png" height="32px" onclick="pregbasic(this);">
</div>

但两者都不起作用

有人能帮我吗

---

谢谢

只需从实际需要的DOM开始，无需使用jQuery即可：

<div id="price-holder">
    <div id="cakesmash-price" style="display:none">
        <img  id="cake" src="images/order.png" height="32px">
    </div>
</div>

---

您的错误可能是由于您选择了选择器“#价格菜单li:n子菜单（2）”。尝试使用JS.children和.eq选择器。另外，如果您的代码是动态添加的，则考虑使用.n（）事件处理程序而不是.CKIKE（./P>>P>），假定该元素实际上被添加到页面中。 我打赌您在将元素添加到页面之前添加了click事件，这意味着选择器没有找到任何内容，因此它没有添加事件

在添加元素后添加事件或使用事件委派

$("#price-holder").html(pregHTML);
$("#cake").click(function(){

});

或

---

您的代码是脱节和不完整的。请组织它并包括列表标记。在这里工作。你的选择器有问题。请在示例中发布完整的HTMLmissed内联脚本；删除了图像上的onclick。

<div id="price-holder">
    <div id="cakesmash-price" style="display:none">
        <img  id="cake" src="images/order.png" height="32px">
    </div>
</div>

$('#cake').on('click', function (event) {
    // your logic goes here
});

$("#price-holder").html(pregHTML);
$("#cake").click(function(){

});

$("#price-holder").on("click", "#cake", function () {

});