预加载远程内容：真实链接答案

【问题标题】：Preload content of a remote: true link预加载远程内容：真实链接
【发布时间】：2013-10-02 10:26:09
【问题描述】：

我有一个用remote: true ajaxified 的link_to 助手。

链接呈现的内容计算量很大，因此我想预加载该内容，以便单击链接即时呈现内容。

我将如何实现这一目标？如果可能的话。

更新
我希望它异步加载，即当前页面加载并首先完整显示，然后预加载链接网址的内容。

【问题讨论】：

标签： javascript jquery ruby-on-rails ajax ruby-on-rails-3

【解决方案1】：

将内容放在一些隐藏的 html 元素中，例如 span 或 div。

<span id="mycontent" style="display:none">Some content</span>

当你必须显示时，只需选择 span 中的内容

$("span#mycontent").html();

并在任何地方使用它。

【讨论】：

【解决方案2】：

要在完成主页后加载它，请使用这个 Javascript sn-p（jQuery 风格）：

$(document).ready(function() {
    $.ajax({ url: "<%= your_path_to_action %>",
             data: { param1: <%= your_param  %> },
             success: function(response) { $('#hidden_div').html(response); }
    }); 
});

页面完成加载后，此代码将触发 AJAX 请求。然后success 处理程序将响应放入正确建议的techvineet 之类的隐藏元素中。使用按钮执行另一个 JS 函数，用于复制隐藏的 div 的内容（或使其可见）

【讨论】：