Question

我想在点击时显示一个div，然后停留在屏幕上，但是一旦单击就无法使div停留？

这是使用的Jquery：

    $(document).ready(function(){             

        $(function () {
            $("#main").hide();
            $("#Button1").on("click", function () {
                $("#main").toggle(500);
            });

        });

    });

和主要的html：

#main{
        position:absolute;
        left:180px;
        width:75%;
        height:700px;
        top:300px;
        background-color:snow;
}

Answer 1

你的问题在这一行：

$("#main").toggle(500);

＆＃34;切换＆＃34; jQuery中的函数将使元素的显示状态在隐藏和显示之间切换。要在单击时单击显示元素，请使用＆＃34; show＆＃34;功能

$(function () {
    $("#main").hide();
    $("#Button1").on("click", function () {
        $("#main").show(500);
    });
});

Answer 2

确保您的button未提交该页面。如果是普通的html按钮，请在标记中添加属性type="button" 另一个选项是阻止click事件处理程序中的提交：

$("#Button1").on("click", function (e) { 
    e.preventDefault();
    $("#main").show(500);
});

让div保持点击Jquery asp.net

2 个答案: