对话框出现然后消失

问题描述：

当我点击按钮对话框时，它出现并消失，我厌倦了使用不同的插件和数百个教程，但不知道为什么事情不能正常工作，可能是因为我使用ASP.Net页面及其从母版对话框出现然后消失

这里的代码继承，

<asp:Content ID="Content4" ContentPlaceHolderID="cphSubmit" runat="server"> 
<div id="question" style="display:none; cursor: default"> 
     <h1>Would you like to contine?.</h1> 
     <input type="button" id="yes" value="Yes" /> 
     <input type="button" id="no" value="No" /> 
</div> 
    <input id="test" type="submit" value="Show Dialog" /> 
    <script type="text/javascript" src="/_layouts/1033/jquery.js"></script> 
    <script type="text/javascript" src="/_layouts/1033/ui.core.js"></script> 
    <script type="text/javascript" src="/_layouts/1033/jquery-ui-1.7.3.custom.js 

"></script> 
    <script type="text/javascript" src="JS.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 

     $('#test').click(function() { 
      $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
    }); 

    $('#yes').click(function() { 
     // update the block message 
     $.blockUI({ message: "<h1>Remote call in progress...</h1>" }); 

     $.ajax({ 
      url: 'wait.php', 
      cache: false, 
      complete: function() { 
       // unblock when remote call returns 
       $.unblockUI(); 
      } 
     }); 
    }); 

    $('#no').click(function() { 
     $.unblockUI(); 
     return false; 
    }); 

}); 
</script> 

<hr /> 
</asp:Content>

它是一个jQuery插件我从这里下载，

Jquery Plugin I am using

答

，因为你正在使用

<input id="test" type="submit" value="Show Dialog" />

这会由于回传到对话框消失尝试

<input id="test" type="button" value="Show Dialog" />

工作了形式，由于很多兄弟 –

答

试试这个代码，我希望它会工作：

$('#your form name').submit(function() { 
     $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
    });

我没有在目前情况下任何形式，页面有内容占位符，但是母版页有，我不知道如果我能访问 –

答

您的按钮#test是一个提交按钮，需要防止提交形成，如果你想看到消息

尝试

$('#test').click(function(e) { 
    e.preventDefault(); 
    $.blockUI({ message: $('#question'), css: { width: '275px' } }); 
});

对话框出现然后消失

相关推荐