创建一个后退按钮，在 jquery 对话框中转到上一页

Question

我有一个 jquery 对话框，它打开并具有主用户视图，主要是客户端列表和按钮选择，用户可以从中编辑客户端详细信息、删除客户端或添加给客户一些信息。当用户单击编辑客户端时，它会将用户带到编辑客户端表单，该表单加载在同一个对话框中，这是单击编辑按钮后发生的 jquery 标记：

$(".editClient").button({icons: {primary: "ui-icon-pencil"}, text: false}).width("28px").height("20px").click(function() {

                   $.ajax({
                   dataType: "html",
                   url: "ajax.php?action=edit_client_form",
                   beforeSend: function()
                   {
                    $('.error, .success, .notice').remove();

                   },
                   success: function(html)
                   {

                    $('#users-contain').html(html);

                   }

                 });
            });

您可以看到它当前从 ajax 页面加载信息，这里是 edit_client_form 部分的标记：

        $html .= '<table>
                <tr>
                 <td><button class="backForm" type="button">Back</button></td>
                </tr>
              </table>';


echo $html;

我需要一个后退按钮，它可以将用户从编辑表单返回到主视图，有人对我将如何做到这一点有任何想法吗？

Answer 1

也许这会有所帮助，它已附加到文档中，因此可以随时加载链接/按钮

$(function(){

    $(document).on('click', 'button.backForm', function(){

        history.go(-1);

    });

});