Question

asp.net代码

 <asp:Button ID="btnnext" runat="server" Text="Update" onclick="btnnext_Click"  />

<div id= "DisplayEnteredDetails" >

<asp:GridView ID="grdDisplayEnteredDetails" runat="server"   >
                    </asp:GridView> 
</div>

调用函数

  <script type="Text/javascript">
    $(function () {
     $('#DisplayEnteredDetails').dialog({
                autoOpen: false,
                width: 600,
                height: 500,
                hide: 'Transfer',
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                }
            });
     // Dialog button
            $('#ctl00_Main_btnnext').click(function () {
                $('#DisplayEnteredDetails').dialog('open');
                return false;
            });


        });   
    </script>

我在主页面中给出了链接，如

<link rel="stylesheet" type="text/css" href="~/styles/StyleSheet.css" />
    <link href="jquery/css/jquery.ui.all.css" rel="stylesheet" type="text/css" />

相同的代码适用于其他项目但不适用于我的应用程序

Answer 1

仅用<script type="Text/javascript">替换<script>并检查。脚本标记应包含所有小写字母。因此，<script type="text/javascript">或简称<script>应该有效。

否则你可能忘记在你的html中添加jquery Ui引用。（假设，因为它在您提供的代码中不可见）

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

Answer 2

要使用jQuery显示对话框，您需要做两件事：

Download jQuery
Download jQuery UI

将这两个文件放在项目中，并在页面/母版页面上添加对它们的引用：

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>

这是一个有效的完整示例：

P.S：请记住将脚本中按钮的ID更改为正确的值

<head runat="server">
    <title>Dialog</title>
    <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#DisplayEnteredDetails').dialog({
                autoOpen: false,
                width: 600,
                height: 500,
                hide: 'Transfer',
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                }
            });
            // Dialog button
            $('#ctl00_Main_btnnext').click(function () {
                $('#DisplayEnteredDetails').dialog('open');
                return false;
            });
        });  
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Button ID="ctl00_Main_btnnext" runat="server" Text="Update" OnClick="btnnext_Click" />
    <div id="DisplayEnteredDetails" style="border:1px solid #2d2d2d;">
        <asp:GridView ID="grdDisplayEnteredDetails" runat="server">
        </asp:GridView>
    </div>
    </form>
</body>

我点击按钮时无法打开对话框，这里是代码

2 个答案: