以下代码中的 .click 功能似乎不起作用

Question

echo "<div id = 'div".$video_id."'>";
        echo "<a href = 'videoviewer/index.php?".'video='." " . $bettervidid ."'> <img width='320' height='240' src='thumbnail_uploads/". $image_id."' </img> </a>";
        echo "<button  id = '".$video_id."' value ='".$video_id."'>delete</button>";

        echo $video_id;
        echo "<script>";
            echo '$("#'.$video_id.'").click(function(){';
            echo 'alert("worked")';
            echo '})';
        echo "</script>";

   echo "</div>";

由于某种原因， .click 功能不起作用（没有警报）。 我的真实代码上确实有 jquery，但这不是这里的问题。

Answer 1

试试这个方法

 $(document).ready(function () { $("#btnSave").click( function () { AlertSave(); } ); }); function AlertSave() { alert("Alert Message OnClick"); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button id="btnSave">Save Click</button>

Answer 2

我想这应该是剧本。 问题是echo "<div id = 'div".$video_id."'>";

它应该是echo "<div id = '".$video_id."'>";

echo "<div id = '".$video_id."'>";
        echo "<a href = 'videoviewer/index.php?".'video='." " . $bettervidid ."'> <img width='320' height='240' src='thumbnail_uploads/". $image_id."' </img> </a>";
        echo "<button  id = '".$video_id."' value ='".$video_id."'>delete</button>";

        echo $video_id;
        echo "<script>";
            echo '$("#'.$video_id.'").click(function(){';
            echo 'alert("worked")';
            echo '})';
        echo "</script>";

   echo "</div>";

Answer 3

用这个

<div id = "div<?php echo $video_id; ?>">
    <a href = "videoviewer/index.php?video=<?php echo $bettervidid; ?>"> 
        <img width="320" height="240" src="thumbnail_uploads/<?php echo $image_id ?>" />
    </a>
</div>
<script>
    var video_id = "<?php echo $video_id; ?>";
    $(document).on('#div'+video_id).click(fuction(){
        alert(1111);
    })
</script>