如何使用 jQuery 将 image_tag 即时转换为 link_to

发布于 2024-12-04 02:53:15 字数 1190 浏览 1 评论 0 原文

我认为有这段代码:

  <div id='contentFlow' class='ContentFlow' useAddOns="DEFAULT white highslide" style="height:auto;">
  <div class="loadIndicator"><div class="indicator"></div></div>
  <div class="flow">

  <% @exhibit.image_pages.each do |t|%>
       <div class="item">
       <%= image_tag t.image.url,:class=>'content',:href=>"#{t.image.image.thumb('1280x800').url}" %>
         <div class="caption"><%= raw t.caption %></div>
       </div>
  <% end %>
</div>
  <div class="globalCaption"></div>
  <div class="scrollbar"><div class="slider"></div></div>

我想使用 Galleria,它只接受 .. 链接,我需要进行以下修改:

  • 删除
  • 转换<代码><%= image_tag
    t.image.url,:class=>'内容',:href=>"#{t.image.image.thumb('1280x800').url}" %> 到 <%= link_to
    image_tag(t.image.thumbnail('200x200').url,:title=>"#{raw
    t.caption}"),t.image.image.thumb('1280x800').url %>

即时使用 jQuery。

I have this code in my view:

  <div id='contentFlow' class='ContentFlow' useAddOns="DEFAULT white highslide" style="height:auto;">
  <div class="loadIndicator"><div class="indicator"></div></div>
  <div class="flow">

  <% @exhibit.image_pages.each do |t|%>
       <div class="item">
       <%= image_tag t.image.url,:class=>'content',:href=>"#{t.image.image.thumb('1280x800').url}" %>
         <div class="caption"><%= raw t.caption %></div>
       </div>
  <% end %>
</div>
  <div class="globalCaption"></div>
  <div class="scrollbar"><div class="slider"></div></div>

I want to use Galleria, which only accepts <a>..</a> links and I need to make the following modifications:

  • remove <div class="caption"><%= raw t.caption %></div>.
  • convert<%= image_tag
    t.image.url,:class=>'content',:href=>"#{t.image.image.thumb('1280x800').url}"
    %>
    to <%= link_to
    image_tag(t.image.thumbnail('200x200').url,:title=>"#{raw
    t.caption}"),t.image.image.thumb('1280x800').url %>

on the fly using jQuery.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

好菇凉咱不稀罕他 2024-12-11 02:53:15

这个问题对于您实际想要如何使用它以及为什么需要即时执行它有点模糊。我的第一反应是创建一个视图来呈现你想要的内容并通过 Ajax 返回它。

The question is a little vague on how you actually want to use this, and why you need to do it on-the-fly. My first reaction is to create a view that renders what you want want and return it via Ajax.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文