通过常规浏览器请求和 AJAX 请求呈现的视图用户控件中的 asp.net mvc JavaScript

Question

我的一些 ASCX 文件中有此代码：

<%=Html.ActionLink(Resources.Localize.Routes_WidgetsEdit, "Edit", "Widget", 
new { contentType = Model.ContentType, widgetSlug = Model.Slug, modal=true},
new
{
  rel = "shadowbox;height=600;width=700",
  title = Resources.Localize.Routes_WidgetsEdit,
  @class = "editWidget"
})%>

请注意那里的 rel="shadowbox..." 。这是为此 ActionLink 连接 ShadowBox Lightbox 克隆。

当用户通过正常浏览器请求请求包含此用户控件的页面时，这种方法可以正常工作。但我还通过 AJAX 请求渲染/构建这些“查看用户”控件。例如，我将使用 jQuery .ajax() 方法向 /Widget/RenderToString/... 发出请求，它将返回该控件的 HTML 代码。这工作正常并且可以很好地呈现代码。然后，我会将结果插入（附加）到发出 AJAX 请求的页面中的 DIV 中。这也可以正常工作，并且返回的 HTML 会被附加。唯一的问题是 - ShadowBox 没有连接。即使它的代码被渲染。

似乎每次连接 ShadowBox 都需要重新加载页面（F5）。由于我正在执行 AJAX GET 和即时追加以避免服务器往返，因此我还希望 ShadowBox 无需刷新即可连接。

有人可以帮我吗？谢谢

更新：

是的，我的 Site.Master 头中有这个：

<script src="<%=Url.Content("~/Scripts/shadowbox-build-3.0rc1/shadowbox.js") %>" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function() {
        // insert functions calls here that provide some default behaviour
        externalLinks();
    });

    Shadowbox.init({
        language: "en",
        players: ["img", "html", "iframe"],
        onClose: function() { location.reload(true) }
    });
</script>

如何在 AJAX 调用后再次初始化 Shadowbox？

Answer 1

Shadowbox 插件有很多...您使用哪一个？ （如果没有它，我无法给你确切的代码。）无论如何，我想你的 $(document).ready(function () { ... }); 中有一些东西可以告诉shadowbox插入以束缚自身。您需要在 AJAX 调用之后再次调用它。

Answer 2

刚刚在此处找到了解决方案

// call this after adding the new HTML to the page
// set up all anchor elements with a "editWidget" class to work with Shadowbox
Shadowbox.setup("a.editWidget", {});