SimpleModel和ASP.NET母版页 将SimpleModel与ASP.NET和母版页集成

这是以前发现的线程的延续

多亏了我以前收到的帮助，代码在一个页面中工作，我能够使用SimpleModel。但我的应用程序有母版页，所以我将其粘贴到另一个测试表单中。结果与我在没有母版的情况下进行的测试不同。在没有母版页的情况下，模态打开并保持打开状态，直到用户关闭。使用此母版页版本，模式仅打开一秒钟，然后关闭。有人知道为什么吗

下面是一个默认的母版页示例。没有进行任何编辑

.

$（文档）.ready（函数（）{
$（“#模型”）。单击（函数（）{
$（“#样本”）.模态({
不透明度：80，
覆盖层：{backgroundColor:#fff}
});
});
});

我试着把声明移到主页上。它还导致了闪烁模式。我不知道为什么，因为在jquery方面，我是一个彻头彻尾的noob

任何帮助都将不胜感激

---

维克托我想我有个答案给你

前面的示例是一个普通的HTML页面，它有一两个div和一些输入元素

但是，将示例移动到ASPX母版页/内容占位符方案时引入了包装内容的表单元素。呈现页面时，您将在表单元素中看到

contentplaceholder

，如下所示：

<form method="post" action="test2.aspx" id="form1">
<!-- your content is contained here -->
</form>

单击处理程序的函数现在接受一个参数，该参数表示引发事件的元素（

e

--按钮）。然后我要做的第一件事是防止按钮单击的默认操作发生（

e.preventDefault（）；

）。然后，我继续显示模态。这就成功了！我在Chrome和IE8上进行了测试，结果都很好

---

希望这能有所帮助。如果你对此有其他问题，请告诉我，我会相应地更新我的答案。祝你好运

我想我有一个答案给你

前面的示例是一个普通的HTML页面，它有一两个div和一些输入元素

但是，将示例移动到ASPX母版页/内容占位符方案时引入了包装内容的表单元素。呈现页面时，您将在表单元素中看到

contentplaceholder

，如下所示：

<form method="post" action="test2.aspx" id="form1">
<!-- your content is contained here -->
</form>

单击处理程序的函数现在接受一个参数，该参数表示引发事件的元素（

e

--按钮）。然后我要做的第一件事是防止按钮单击的默认操作发生（

e.preventDefault（）；

）。然后，我继续显示模态。这就成功了！我在Chrome和IE8上进行了测试，结果都很好

---

希望这能有所帮助。如果你对此有其他问题，请告诉我，我会相应地更新我的答案。祝你好运

D Hoerster，这是我第一次在应用程序中不使用runat=“server”。submit按钮是客户端，我想根据您之前所说的，我需要一个WCF服务来执行存储过程并发送电子邮件。学习曲线又来了。我正在使用一个生产共享服务器主机，并质疑所有这些是否值得绕过asp.net的简单性。如果你能告诉我这条曲线不会太陡（因为我投入生产的时间有限），我就跳。否则，退出jquery并以另一种方式通知-VictorI不愿意以这样或那样的方式为您推荐一条路径，但我要说的是，使用jQuery w/WCF服务并不是从传统ASP.NET回发的简单过渡。这是一种稍微不同的心态，至少与我在团队中看到的有所不同。实际上没有事件模型（我喜欢），它迫使功能和表示（我也喜欢）之间有一个更清晰的分离。至少对我来说，一旦我“明白了”，我就不想再回去了但老实说，这不是一个简单的转变。您可能想尝试脚本服务（ASP.NET AJAX的东西），在这里您可以在您的ASPX或ASMX（web服务）代码中包含更多传统web服务，并从javascript调用它们。这可能是一个不太陡峭的学习曲线。Dave Ward（Encosia.com）在这方面有几篇好文章：希望这能有所帮助。可以说，我想在我的腰带下放一些jquery w/WCF。在我的网站上看起来真的很不错。这是您的示例：（点击提交）恐怕ASMX已经被WCF弃用了。如果我要花时间去学习一些东西，那也可能是一个有着光明未来的东西。对我来说，最好从一个工作演示开始，您已经为SimpleModal提供了这个演示，对此我非常感谢。我将尝试使用jquery w/WCF。我将给自己一周的时间来成功执行存储过程。并发送电子邮件。：）维多利亚认为这是正确的方向。ContactUs页面看起来不错！如果您想很好地了解jQuery与WCF REST服务的连接，Rick Strahl在详细的博客文章中做得很好。这里有一个介绍是通过jQueryAjax调用WCF的（有很多代码！）。如果您有任何附加问题，可以在Twitter上关注我--@DavidHoersterD Hoerster，这是我第一次在应用程序中不使用runat=“server”。submit按钮是客户端，我想根据您之前所说的，我需要一个WCF服务来执行存储过程并发送电子邮件。学习曲线又来了。我正在使用一个生产共享服务器主机，并质疑所有这些是否值得绕过asp.net的简单性。如果你能告诉我这条曲线不会太陡（因为我投入生产的时间有限），我就跳。否则，退出jquery并以另一种方式通知-维多利亚不愿意以这样或那样的方式向你推荐一条道路，但我会

<form method="post" action="test2.aspx" id="form1">
<!-- your content is contained here -->
</form>

$(document).ready(function () {
    $("#theModal").click(function (e) {  //e = the element that raised the event (button)
        e.preventDefault();  //prevent the default action of the button click
        $("#sample").modal({
            opacity: 80,
            overlayCss: { backgroundColor: "#fff" }
        });
    });
});