采取表单操作后弹出功能丢失

时间:2015-11-22 23:27:52

标签: c# jquery jquery-mobile webmatrix

在网页上,我有一些“忽略此人”类型的按钮。我正在尝试使用弹出确认表单,该表单会在用户单击其中一个按钮后打开。每个“潜在的忽略”我有一个弹出确认表。这些弹出窗口第一次按预期工作,但是一旦执行弹出窗体的动作,我就无法通过后续按钮单击打开/显示另一个这样的窗体。这是我的弹出窗体html和剃刀代码:

    <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>

在cshtml页面上的这段代码下面,我有以下Jquery / Javascript:

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
}

我也尝试过使用document.getElementById也无济于事。我知道在执行表单操作后,忽略按钮本身仍然有效,因为提交后“确认”Javascript对话框会触发。基本上,我想我需要知道如何在Form的动作完成后让$(“#showIgnoreDialog”+ i)...行生效。

0 个答案:

没有答案