Question

我正在使用bootstrap并尝试使用加载状态使主按钮显示“正在加载...”单击下拉链接。

HTML代码

<div class="btn-group">
  <a href="#" data-toggle="dropdown" class="btn dropdown-toggle" id="test">
    Set
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">
    <!-- dropdown menu links -->
    <li><a class="paid-today">Paid today</a></li>
  </ul>
</div>

的Javascript

$(function() {
  $( ".paid-today" ).click(function() {
    var $this = $(this);
    $this.closest("a").button('loading');
  });
});

当我这样做时，下拉链接改为“loading ...”而不是主按钮。

Answer 1

尝试使用

中的选择器定位按钮

$( ".paid-today" ).click(function() {
    // here
});

如果'#test'是您的意思，请使用

$('#test').button('loading');

或者如果您想要更改单击的那个，

$(this).button('loading');

我不知道你使用的插件是什么，但如果它只是一些样式链接，你只需使用.text("loading");而不是.button(...

Answer 2

试试这个

    $(function() {
       $( ".paid-today" ).click(function() {
         var $this = $(this);
         $this.closest("ul").prev().button('loading');
      });
    });

使用jquery查找我想要的html标签

2 个答案: