Javascript/Rails - 如何在 javascript 中包装 link_to 而不是

Question

我是 Rails 的新手，使用 jpages 插件来了解一个概念。我的javascript如下:

Javascript

$("ul#thumbs li").click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
    var img = $(this).children().clone().addClass("animated fadeIn");
    var linkValue = $(this).children("img").attr("alt");
    $("div.img").html( img ).wrap($('<a></a>').attr('href', linkValue));
});

HTML

<ul id="thumbs" class="clearfix">
    <li><img src="example1.jpg" alt="page1.html"></li>
    <li><img src="example2.jpg" alt="page2.html"></li>
    <li><img src="example3.jpg" alt="page3.html"></li>
</ul>

我希望能够改变这一行:

$("div.img").html( img ).wrap($('<a></a>').attr('href', linkValue));

这样换行会是这样的:

$("div.img").html( img ).attr(linkValue));

html 是:

<li>
    <img src="example1.jpg" alt="page1_path">
</li>

必须有比获取 alt 信息并使用 <%= link_to" 包裹在 javascript 中更简单的方法。在开头和do "%>在最后。任何帮助，将不胜感激。

Answer 1

这是不可能的。

当你写 <%=在 ruby​​ 中，如果你曾经观察过，HTML 标记从不包含 ruby​​ 标签，即 <%= .

在这里，您通过 javascript 插入 ruby​​ 标签，但 ruby​​ 标签不能写在 HTML 上。它们需要先编译。

最好你关注或类似的东西。

$("ul#thumbs li").click(function(){
    $(this).addClass("selected").siblings().removeClass("selected");
    var img = $(this).children().clone().addClass("animated fadeIn");
    var linkValue = $(this).children("img").attr("alt");
    $("div.img").html(img);
    $("div.img img").wrap($('<a></a>').attr('href', linkValue));
});