Question

我点击一个按钮时创建了一个模态。它的内容是php生成的，因为我需要与服务器通信才能执行某些操作。除了提交按钮（工作正常btw）我还有另一个按钮，它应该关闭模态而不做任何动作。

我知道我可以通过在<a href="page_to_redirect.php"> </a>

中封装按钮来实现这一目标

但是我不想重新加载页面，所以我试图使用jquery的close（）函数来完成它。但是，实现的结果是窗口立即关闭。这是内容的代码：

<body>
    <?php 
        echo '<form action="action.php" method="post">';
        echo '<p >Are you sure you want to do this?</p>';
        echo '<input type="submit" value="YES"></input>';         
        echo '</form>'; 
    ?>

    <input type="button" value="NO" id="reject">

    <script type="text/javascript">
        $(document).ready(function() {          
            $('#reject').onclick($("#delete_dialog").dialog("close"))
        });
    </script>
</body>

delete_dialog是模态的id。我删除了模态中的数据以简化代码，但显然有单击提交按钮时提交的数据

Answer 1

首先，jQuery方法是click()，而不是onclick()，其次，您需要将逻辑传递给匿名函数中的事件处理程序。您当前的逻辑意味着立即调用dialog('close')并分配其返回值。

试试这个：

$(document).ready(function() {             
    $('#reject').click(function() {
        $("#delete_dialog").dialog("close");
    });
});

关闭模式而不重定向

1 个答案: