Question

我有一个按钮，可以在触发时切换弹出式iframe。代码编写在ASP.NET Webforms和jQuery

上

然而，当我第二次尝试点击它时，它不会再发射了。我想知道是什么原因造成的。

这是jQuery代码。

<script type="text/javascript">
        $(function () {  
            var dStart = $("#MainContent_tbStart").val();
            var dEnd = $("#MainContent_tbEnd").val();
            var date = ("/Management/Site-Visit.aspx?StartDate=" + dStart + "&EndDate=" + dEnd);
            if (dStart != "") {
                $("#bSiteVisit").show();
                var SiteVisit = $("#iframeSiteVisit").html('<iframe id="iVisit" width="100%" height="100%" scrolling="yes"></iframe>');
                $("#iVisit").attr("src", date);
                SiteVisit.dialog({
                    autoOpen: false,
                    bgiframe: true,
                    height: 600,
                    width: 1200,
                    modal: true,
                    close: function (event, ui) {
                        $(this).dialog("destroy");
                        $("#iChart").remove();
                    }
                });
                $("#bSiteVisit").click(function (e) {
                    SiteVisit.dialog("open");
                    e.preventDefault();
                });
            } else {
                $("#bSiteVisit").hide();
            }
        });
    </script>

这是ASP.NET代码。

<form id="form1" runat="server">
    <button id="bSiteVisit" type="submit">View Site Visit</button>
</form>

Answer 1

我猜e.preventDefault()不允许你点击按钮的另一个点击事件。因此，点击将不会对提交按钮执行任何操作 - 表单将不会被提交。请修改它以解决您的问题。

Answer 2

当按钮在第二次点击事件时未按下时。


$(document).ready(function(e){

e.preventDefault();

});

Answer 3

该按钮也可以被禁用，并且CSS没有那么明显。

按钮在第二次单击jQuery时不起作用

3 个答案:

当按钮在第二次点击事件时未按下时。