单击调用JavaScript的函数，然后重定向到php页面

Question

我想对我的帖子进行编辑。 到目前为止，您可以从管理页面发布并查看您的帖子，该页面由mySQL操作，但是不久前我想创建一个编辑按钮。 从理论上讲，当您单击“编辑”按钮时，javascript将获取post元素的ID，然后在运行mysql查询（其中id = PostID）后，它将重定向至页面，您可以在其中编辑帖子。 html输入值是从mysql读取的数据，但是javascript不想启动。

帖子的php / html看起来像这样：

    while($row = mysqli_fetch_array($run)) {
echo '<article id="post" data-postid="'.$row["id"].'">
    <ul>
        <li class="id">'.$row["id"].'</li>
        <li class="title">'.$row["title"].'</li>
        <li class="postedBy">'.$row["postedBy"].'</li>
        <li class="postedBy">'.$row["dDate"].'</li>
        <li class="prio">'.$row["priority"].'</li>
        <li class="icons"><div class="do" data-action="edit"><i class="fa fa-pencil-square-o"></i></div><div class="do" data-action="delete"><i class="fa fa-times"></i></div></li>
    </ul>
</article>';

Javascript看起来像这样（它称为admin_edit.js）：

    $('#post').on('click', '.do', function(){
        var self = $(this); // cache $this
        var action = self.data('action'); // grab action data edit/delete
        var postid = parent.data('postid'); // grab post id from data-postid

        // edit action
        if (action == 'edit') {
            // send js to php
            $.post("../admin/post_edit.php", { postId: postid } );
        }
        // delete action
        else if (action == 'delete'){
            // send ajax request
            // Something.
        };

    });

要了解我的文件夹结构，请执行以下操作：我们位于root / admin文件夹中，并且位于root / admin / admin.php页面上。 javascript位于root / js文件夹中，称为root / js / admin_edit.js。

为什么JS不想要启动？

提前致谢 ！

Answer 1

您的#post定义click事件时不存在。 您需要在事件已经存在时对其进行定义。 您可以为#main注册事件，但也可以在请求的回调中注册事件。 如果可能的话，最好在回调中注册它。