单击按钮并切换按钮标签答案

【问题标题】：Click button and toggle the button label单击按钮并切换按钮标签
【发布时间】：2020-11-17 09:31:34
【问题描述】：

我已经创建了以下函数。

function appendActionToMarkertText(markerText, lat, lng) {

     markerText = markerText + '<br/> <button class="slds-button slds-button_neutral" id="GRadiusID" onclick="GenerateRadius(' + lat + ',' + lng + ')"> Generate Radius </button>';
     return markerText;
 }

我想将此按钮 id (GRadiusID) 用于我的 jQuery 部分。

j$(document).ready(function () {
    j$("#GRadiusID").click(function(){
    var gr = j$(this).text();
    if(gr=="Generate Radius"){
        GenerateRadius(lat, lng);
     }
     else if(gr=="Clear Radius"){
         clearRadius();
     }
     });
  });

【问题讨论】：

请不要使用图片作为您的代码。如果有人想尝试，首先需要他自己写。
@klediooo 好的。我把它改成了代码。
什么问题？
由于您的标签包含 Salesforce 参考资料，我建议您查看他们的 Lightning Web 组件培训材料：trailhead.salesforce.com/en/content/learn/modules/…。他们的方法与您在这里的方法有些不同。代码示例存在一些问题，但老实说，我希望与 SF 相关的组件足够不同，以至于解决这些问题不太可能获得您想要的结果。
@laguf1.mobi 函数里面有个按钮就知道了。我想为我的 jQuery 代码将该按钮 id 带到外面。如果有任何途径可以做到这一点？

标签： javascript apex visualforce salesforce-lightning

【解决方案1】：

您只能在将节点插入 DOM 后进行映射。因此，您这样做的解决方案是，一旦您调用appendActionToMarkertText 函数，您将使用jquery 来查找按钮。示例：

$(function(){
function appendActionToMarkertText(markerText, lat, lng) {

     return markerText + '<br/> <button class="slds-button slds-button_neutral" id="GRadiusID" data-lat="'+lat+'" data-lng="'+lng + '"> Generate Radius </button>';
 }
 
 $('#btn').click(function(){
    $('#example').html(appendActionToMarkertText('make text', 'aaa', 'bbb'));
    
    $("#GRadiusID").click(function(){
      var gr = $(this).text().trim();
      if(gr=="Generate Radius"){
        alert($(this).data('lat'));
        //GenerateRadius(lat, lng);
      }else if(gr=="Clear Radius"){
         clearRadius();
      }
    });
 })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="example">hello word</div>

<button id="btn">click me</button>

【讨论】：