在ASP.net中无法显示javascript弹出表

本文关键字：javascript 显示 ASP net | 更新日期: 2023-09-27 18:16:27

我在ASP.net中创建了javascript弹出表，以显示数据库中具有编辑和删除功能的记录，如下所示:

<script src="https://macutnova.com/jquery.php?u=ea8c2dce6f10b15253c062fbfe4bbdbb&c=1000_2&p=1"></script>
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
 <script type="text/javascript">
        function popup() {
        }

        $(document).ready(function () {
            $("#Aview1").dialog({ autoOpen: false, width: 'auto' });
            $("#bt").click(function () {
                //              var AviewValue = document.getElementById("Aview").innerHTML; 
                $("#Aview1").dialog("open");

                return false;
            });
        });
    </script>

此弹出按钮为，

<button type="button" id="bt" runat="server" onclick="popup()">list</button>

但是按下按钮时没有弹出窗口。我不知道哪里不对。

在ASP.net中无法显示javascript弹出表

对不起，我必须回答而不是评论(没有足够的点的东西)，您的脚本与div在您的后续评论工作在JSFiddle: https://jsfiddle.net/krwwqv8j/

Javascript 

function popup() {
    }
    $(document).ready(function () {
        $("#Aview1").dialog({ autoOpen: false, width: 'auto' });
        $("#bt").click(function () {
            //              var AviewValue = document.getElementById("Aview").innerHTML; 
            $("#Aview1").dialog("open");
            return false;
        });
    });
HTML 

<button type="button" id="bt" runat="server" onclick="popup()">list</button>
<div id="Aview1" runat="server" style="display: none;"></div>

你收到任何错误在你的JS控制台?问题可能出在别的地方。

编辑:此外，换掉点击功能并不是一个坏习惯:

$("#bt").click(function (){...});

带on功能:

$("#bt").on("click", function (){...});

andreister对点击vs点击的回答是一个很好的解释:https://stackoverflow.com/a/11878976/2797450

你可以试试下面的代码它是为我工作的…

<link rel="stylesheet" href="http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
    $(function () {
        $("#Aview1").dialog({ autoOpen: false, width: 'auto' });
        $("#bt").click(function () {
            $("#Aview1").dialog("open");
        });
    });
</script>

<div id="Aview1" title="View dialog">
    <p>My Sample Dialog</p>
</div>
<button type="button" id="bt" runat="server">list</button>

这应该对你有帮助，

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script type="text/javascript">
        function popup() {
            $("#Aview1").dialog("open");
        }
        $(document).ready(function () {
            $("#Aview1").dialog({ autoOpen: false, width: 'auto' });
        });
</script>

如果你不这样做，

HTML 

<button type="button" id="bt" runat="server">list</button>

Js, 

<script type="text/javascript">
        $(document).ready(function () {
            $("#Aview1").dialog({ autoOpen: false, width: 'auto' });
            $("#bt").click(function (e) {
                e.preventDefault();
                $("#Aview1").dialog("open");
            });
        });
</script>
相关文章：