php和jquery不能在所有条件下运行

我正在为我的网站写代码。在这里，我使用拖放来给出点。 这是我的jQuery代码：

$('#click').click(function() {
  $('#id0').ready(function() {
    if ($(this).find('img#e1').length) {
      a = 3;
    } else if ($(this).find('img#e2').length) {
      a = -3;
    } else {
      a = 0
    };
    $.post('php/noname1.php', {
      point: a
    })
  });
});

这是我的php代码

<?php
$con=mysqli_connect("localhost","name","pass","data") ;

if (mysqli_connect_errno())
{
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

$point=$_POST['point'];
mysqli_query($con,"INSERT INTO test (point, part, comment) values ($point,'first','good')");

?>

这就是我创建id0的方法，它是一个div，可拖放的，我把图片分成5个div，id0是其中之一：

for ( var i = 0; i < d; i++ ) {
        divi.push('<div id="id' + i + '" class="tile" />');

    }

我假设id0是你的降落区

HTML

---

这是一把小提琴

那是什么$'id0'。准备好了吗？我想让id0在我单击时运行该函数，还是不需要？请添加一些HTML。在我看来，id0总是有imge1。如果不查看HTML的重要部分，则无法执行任何操作请查看HTML代码

for ( var i = 0; i < d; i++ ) {
        divi.push('<div id="id' + i + '" class="tile" />');

    }

<div id='product'><img id="product" src="photo/pr.jpg" ></div>
<div id='face'>
    <img id="e1" class='e' src="photo/hap.png"   width="50" height="50">
    <img id="e2" class='e' src="photo/sad.png"  width="50" height="50">
</div>
<div id="id0"></div>
<button type="button" id='click'>Send</button>
<button type="button" id='undo'>Change your mind ?</button>

$('#click').click(function() {
    if ($('#id0 img#e1').length) {
      a = 3;
    } else if ($('#id0 img#e2').length) {
      a = -3;
    } else {
      a = 0
    };
    console.log(a)
});