C# 表单操作后弹出功能丢失

在网页上，我有一些“忽略此人”类型的按钮。我正在尝试使用一个弹出式确认表单，该表单在用户单击其中一个按钮后打开。我有一个弹出式确认表，每个“潜在ignoree”。这些弹出窗口第一次按预期工作，但一旦执行了弹出表单的操作，我就无法通过随后的按钮单击来打开/显示另一个这样的表单。以下是我的弹出表单html和razor代码：

    <div data-role="popup" id="showIgnoreDialog@(i)" data-theme="a" style="max-width:400px;" class="ui-corner-all">
      <form action="~/DisplayNames?ind=@passedIndex&sN=@whoToIgnore&tId=-2" id ="ignoreFormId" method="get"> 
        <div data-role="header" data-theme="a" class="ui-corner-top">
          <h1 id="popupHeader">Ignore them</h1>
        </div>
        <div data-role="content" data-theme="d" class="ui-corner-bottom ui-content">
      @{
       // make sure the name fits in box below
       if(whoToIgnore.Length > 25)
       {
         whoToIgnore30 = whoToIgnore.Substring(0, 25);
         whoToIgnore = whoToIgnore30 + "...";
       }
       }
          <h3 id="popupInnerHeader" class="ui-title">Ignore @whoToIgnore?</h3>
          <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="c">Cancel</a>
          <button type="submit" data-inline="true" data-theme="c">Ignore</button>
        </div>  
      </form>

我尝试将函数粘贴到“document ready函数”中，如：

---

我也尝试过使用document.getElementById，但没有效果。我知道在表单操作完成后，ignore按钮本身仍然可以工作，因为“确认”Javascript对话框在提交后会启动。基本上，我想我需要知道如何获得美元（“#showIgnoreDialog”+I）。。。在我的表单操作完成后，行开始工作。

你能确认在第一个弹出窗口后没有java脚本错误吗？嘿，亚当，我甚至不知道我可以在JS中检查错误-这里是第一个网站-谢谢。我在javascript调用中使用了try/catch，第一次弹出或第二次尝试弹出都没有看到错误报告。可能相关-当我将代码放在这里时：在我的页面中，div对话框（应该在开始时隐藏）是打开的。意思是：autoOpen:false在我的页面上不起作用。您使用的是JQ UI还是JQM？我会用其中一个，如果可能的话，不要两个都用。在JQM中，使用弹出窗口或从第二个页面创建一个对话框。Twisty-我已经尝试了JQM（上面发布的真正的弹出代码）和JQUI（上面链接的小提琴代码），但我对其中任何一个都很满意。我不想把两者混为一谈。当我从网上简单地剪切和粘贴示例代码时，它在我的页面上不起作用。我想知道是否有一个正确的顺序来包含jquery脚本，似乎在线工作的代码应该在我的环境中工作，除非我的环境被破坏。我正在调查这件事。

function showIgnoreForm(i)
{
  // var z = confirm("Works after submission...");
  $("#showIgnoreDialog"+ i).popup('open');
}

jQuery(document).ready(function()
{ 
  // I've had no success placing showIgnoreForm(i) in here
}