Question

我正在尝试将动态文本添加到this demo的Bootstrap 3 Popover data-content=""中。基本上我想要做的是更新data-content=""文本购买点击不同的按钮。我尝试通过添加：

来做到这一点

 $("#poper").('[data-content="City"]');

但这不是在做这个工作！这是我的jquery

  $("#show-content-one").click(function(){
      $("#poper").popover('show');
      $("#poper").('[data-content="City"]');
        $("#poper").popover('show');
    });

  $("#show-content-two").click(function(){
        $("#poper").('[data-content="Country"]');
        $("#poper").popover('show');
    });

和HTML是：

<a href="#"  class="btn btn-lg btn-primary" id="poper" data-toggle="popover" data-content="">Dynamic Content Popover</a>

    <input type="button" class="btn btn-info" id="show-content-one" value="content One" />
    <input type="button" class="btn btn-info" id="show-content-two" value="content Two" />

你能帮我解决这个问题吗？感谢

Answer 1

要更新自定义属性，请使用方法data().

$("#poper").data('content', 'city');

您所写的是选择器，而不是更新程序。

动态更新弹出式自定义属性数据的问题

1 个答案: