最近几天，我一直在努力寻找弹出窗口。这是一些信息。我对使用JavaScript非常陌生，但是我很想学习。首先，这里是我想做的一个例子。（按右上角的'Inloggen'使其弹出）CSS没问题。我通过使用bPopUp并复制编辑该站点中使用的代码（而不是示例）来完成这项工作。
但是无论如何，这里演示的站点是使用php制作的。但是我的老板决定改用MVC 4 .NET。这实际上不是问题，除了它不再起作用。而且我不知道为什么。
因此，我决定重新开始，但我可以使用一些帮助。
我希望实现的目标是拥有一个<div>可以重用并呈现部分视图的视图。
要触发它，我需要以下内容：
<span class="popup_button white" data-popup="Some/view" data-height='200'>Inloggen</span>
这可能是其他标签而不是span，并且可以使用Id代替类来定义它是一个弹出触发器。（当然，也欢迎使用其他所有解决方案）。我想使用data-popup属性指定触发时要渲染的局部视图，并使用data-height属性指定弹出窗口内容的高度。
谁能给我有关实现此目标的提示？我知道可能要问很多，但是每一个建议都是值得欢迎的。由于我对JavaScript的经验不足，所以我更喜欢代码示例，但是任何体系结构建议都将很高兴被接受。
预先谢谢你们：D
$('#my-button').click(function () {
var BaseUrl = "/Popup/" + $('#my-button').data("popup");
$.ajax({
url: BaseUrl,
type: "POST",
data: { Id: $('.Id').val() }
cache: false,
async: true,
success: function (result) {
$(".content").html(result);
//There are different ways to do the pop up. you mentioned you had the popup working. trigger it here
$('#popup').fadeIn("slow");
$('.fader').fadeIn("slow");
}
});
});
然后在您的控制器中
[HttpPost]
public PartialViewResult Action(int Id){
//populate a model
return PartialView("_PartialViewName", model);
}
如果您还有其他问题，请告诉我。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句