javascript - 将文本链接到包含 iframe 的对话框

Question

假设我有这个文本Click me，并且我想要一个模式窗口，其中包含一个指向网站(例如，www.google.com)的 iframe每当点击文本时就会出现。

我应该怎样做呢？我做了一些谷歌搜索和 iframe 的示例

%iframe{:src => "http://www.google.com"}

但我不知道如何使用它......

这是我的 View 文件的结构(html.haml)，我尝试了类似的方法(但它不起作用!):

...
%li
  = User_name
  = link_to 'Click me' %iframe{:src => "http://www.google.com"}
%li
...

同样，当有人点击“Click me”文本时，如何打开弹出窗口？

Answer 1

我确信您不想使用 iframe 来显示 url 中的内容，而是希望将其放入弹出窗口中。哟可以使用fancybox-rails gem 。按照自述文件中的描述安装 gem 后，将其添加到您的 View 文件中

%li
  = User_name
  = link_to 'Click me', "http://www.google.com", :class => "iframe"

这在你的 javascript 文件中

$(document).ready(function() {
  $("a.iframe").fancybox();
});

您可以阅读有关用途的更多信息 here 。还有许多其他 jquery 插件可用于相同目的。