addClass()不工作

Question

我有一个引导按钮

<button onclick="leaveOpen()">TEST</button>

它调用自定义函数。

function leaveOpen(){
  $("#rangeDropdown").addClass('open');
  $("#dropdownMenu2").trigger('focus').attr('aria-expanded', 'true');
}(jQuery);

哪些因素会影响这些因素

<div class="dropup mobilewidth mobilebottom" id="rangeDropdown">
  <button class="btn btn-default dropdown-toggle mobilewidth" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   ...
  </button>
...
</div>

这部分起作用

$("#dropdownMenu2").trigger('focus').attr('aria-expanded', 'true');

但这部分没有

$("#rangeDropdown").addClass('open');

当我单击测试按钮时，“DropupMobileewidthMobile底部”会在chrome developer工具中亮起，好像有什么变化，但是没有添加'open‘类。我做错了什么？

Answer 1

这显然是类被添加的问题&它被删除了。

可能引导程序监视focus事件，切换的open类。如果您的处理程序在引导之前：

• 你：open添加了
• 引导：open被切换

->结果:没有任何变化

在另一种情况下，将添加类，但是查看您的描述，Chrome工具会显示出一些变化--而是双重更改open类的问题

Answer 2

不确定，如果按钮在页面上的话，它似乎对我有用。这会在单击按钮后通知class属性：

​

function leaveOpen(){
  
  $("#rangeDropdown").addClass('open');
  
  alert($("#rangeDropdown").attr('class'));
  
  $("#dropdownMenu2").trigger('focus').attr('aria-expanded', 'true');
  
}(jQuery);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="dropup mobilewidth mobilebottom" id="rangeDropdown">
  <button class="btn btn-default dropdown-toggle mobilewidth" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
   ...
  </button>
...
</div>
    
<button onclick="leaveOpen()">TEST</button>

​