Question

我正在开发房屋出租应用程序，我希望用户可以通过whatsapp轻松地互相通知他们在我的应用程序中找到的地方，我已经编写了功能，这就是它应该如何工作的：租赁金额旁边是一个whatsapp共享链接，当用户单击该链接时，它将所有租赁详细信息转发给他们所需的联系人，但是现在我面临的问题是在我的租赁清单上，第一个链接的详细信息丢失了，用户不能共享所有内容，但租借链接上的下一个链接可以共享其所有详细信息，我希望我很清楚！我感觉这是由for循环引起的，只是不知道如何纠正

{{extend 'layout.html'}}

<!--THE JQUERY FOR ORCHESTRATING THE WHATSAPP SHARING-->
<script>
$(document).ready(function() {
-----
-----
-----
 $(document).on("click", '.whatsapp', function(e) {
     //const id = $(this).data('id'); // Extract the data-id attribute of the link.
        if( isMobile.any() ) {
            var text = $(this).attr("data-text");
            //var url = $('#' + id).attr("data-link");
            var message =text;
            var whatsapp_url = "whatsapp://send?text=" + message + "C/O SESOA&trade";
            window.location.href = whatsapp_url;
        } else {
            alert("This is only shareable on mobile devices!");

          }
     e.preventDefault();
    });
});
</script>

    <div class='row'>
<table>
   <tr>
       <th>HOUSE OWNER</th>
       <th>CELL NUMBER</th>
       <th>HOUSE DESCRIPTION</th>
       <th>LOCATION</th>
       <th>RENTAL AMOUNT</th>
   </tr>
{{for details in details:}}    
    <tr>
        <td>
       <div id="orgIcon3">{{=A(details.Surname, _href=URL('show', args=[details.id]))}} {{=details.Name}}</div><br />
        </td>
        <td>{{=details.Cell_Number}}</td>
        <td>{{=details.description}}</td>
        <td>{{=details.located_at}}</td>
               <!--THE WHATSAPP LINK FOR SHARING-->
        <td>{{=details.amount}}<div id="whatsapp"><a href="#" data-id="{{=details.id}}" class="whatsapp w3_whatsapp_btn w3_whatsapp_btn_large" data-text="Owner: {{=details.Name}} {{=details.Surname}}%0ACell: {{=details.Cell_Number}}%0AHouse Description: {{=details.description}}%0ALocation: {{=details.located_at}}%0ARent: {{=details.amount}}%0A" data-link="www.sesoa.co.bw">Share Details On Whatsapp</a></div></td>
        {{pass}}
    </tr>
{{pass}}
</table>
    </div>

应该发生的事情是，当用户单击whatsapp链接
<a href="#" data-id="{{=details.id}}" class="whatsapp w3_whatsapp_btn"...>Share Details On Whatsapp</a>
时，房屋的所有详细信息都应与他们选择的联系人共享他们的手机。但是现在我面临的问题是，在我的租借清单上，第一个链接的详细信息丢失了，只有一半共享，其余部分留在了后面。

如何通过单击链接从视图中的for循环访问详细信息

0 个答案: