在每个列表项ajax旁边添加like按钮

时间:2015-11-04 21:46:08

标签: javascript ruby-on-rails

我正在尝试在“目的地”列表旁边添加一个“赞”按钮。但是,我很难确定如何在每个列表项旁边放置一个按钮。任何帮助???

这是我的dashboard.html.erb文件:

<div class="destination-list">
    <h1>Destinations</h1>
    <table id="destTable">


     <tr class="table-initial">
        <td>Name:</td>
        <td>Address:</td>

            <span class="likebtn-wrapper" data-white_label="true" data-identifier="item_1" data-show_dislike_label="true" data-popup_disabled="true" data-share_enabled="false"></span>
            <script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>

        <!-- <td>Delete:</td> -->
     </tr>


    </table>

    <div class="big create">+</div>
</div>

<div class="submit">

    <h1>Create Destination</h1>
    <form method="get" action="index.html" class="form">
                    <input type="text" placeholder="Name" class="name-input" name="name" />
                    <input type="text" placeholder="Address" class="address-input" name="address" />
                    <input type="submit" class="submit-input my-button" id="create-button"></input>



</div>

1 个答案:

答案 0 :(得分:0)

您的javascript函数调用中的source参数缺少http:协议部分。

但您应该在问题中编辑标签。您的代码没有显示Rails或Ruby,您的问题纯粹是关于Javascript。

另一方面,你应该查找不引人注目的javascript

Rails guides

RailsCasts episode

也可能是jQuery。