Question

在我的Struts2应用程序中，我有一些按钮可以删除表中的项目。到现在为止还挺好。现在，我尝试使用jQuery向用户显示警报，以确认他们是否确实要删除所选项目。要做到这一点，我想到的是我认为这是最明显的方法：

用户点击＆＃34;删除＆＃34;按钮;

向用户显示提醒（它包含两个链接：一个用于取消删除操作，另一个用于确认删除操作）;


2.1。如果用户按下＆＃34;取消＆＃34;，警报就会消失;

2.2。如果用户按下＆＃34;确认＆＃34;，该项目将被删除，然后警报消失;

到目前为止我得到了什么：

JSP：

<table>
    <tr>
        [...]
        <td><a href="<s:url action="deleteexperiment"><s:param name="id"><s:property value="exp_id"/></s:param></s:url>" class="delete ink-button all-100">delete</a></td>
        [...]
    </tr>
</table>

<div id="confirm-delete" class="ink-alert basic" role="alert" style="display: none">
    <p class="quarter-bottom-padding"><b>Confirm delete:</b> Do you really want to delete this experiment?</p>
    <button id="no" class="ink-button all-20 red">Cancel</button>
    <button id="yes" class="ink-button all-20 green">Confirm</button>
</div>

<script type="text/javascript">
    $(document).ready(function()
    {
        $('.delete').click(function(e)
        {
            e.preventDefault();
            $('#confirm-delete').show();

            $('#yes').click(function(event)
            {
                // resume e.preventDefault(), i.e., continue redirecting to the original href on the table above
                $('#confirm-delete').hide();
            });

            $('#no').click(function(event)
            {
                $('#confirm-delete').hide();
            });
        });
    });
</script>

我尝试了20种不同的方法（关注尝试将原始行为恢复到链接 - 注释行）没有运气。请注意，href atrribute包含Struts标记，因此window.location.href = "<s:url action="deleteexperiment"><s:param name="id"><s:property value="exp_id"/></s:param></s:url>";之类的内容无法正常工作，因为jQuery赢得了＆＃34;知道＆＃34;我想是什么ID（它会重定向到http://localhost:8080/AppName/deleteexperiment.action?id=，因此ID为空）。当然，除非在调用click()函数时可以将ID传递给jQuery。那可能吗？还有哪些其他选择？感谢。

Answer 1

这应该有效：

$(document).ready(function()
{
    $('.delete').click(function(e)
    {
        e.preventDefault();
        var href = $(this).attr('href'); // store the href attr
        $('#confirm-delete').show();

        $('#yes').click(function(event)
        {
            // resume e.preventDefault(), i.e., continue redirecting to the original href on the table above
            window.location.href = href; // redirect with stored href

            $('#confirm-delete').hide();
        });

        $('#no').click(function(event)
        {
            $('#confirm-delete').hide();
        });
    });
});

Struts2 / jQuery：在e.preventDefault（）之后恢复链接href重定向;

1 个答案: