Question

我使用名为crossrider的服务，它基本上是用于生成浏览器扩展的API。

要安装扩展程序，他们的JS会生成一个不符合我的网站设计的按钮，并且我正在尝试更改它。

这就是它产生的结果：

<div id="crossriderInstallButton">
    <a sl-processed="1" style="color:white;font-size:1em" class="crossrider_button crossrider_button_blue crossrider_button_medium" href="javascript://">Install Now</a>
</div>

我正在等待页面加载，然后想要简单地更改类但没有任何反应。

以下是我正在尝试的内容：

$( document ).ready(function() {
    $('.crossrider_button').removeClass('crossrider_button_blue crossrider_button_medium').addClass('btn btn-info');
});

更新 - 已解决

$(window).load(function(){ // <-- correct way to wait until page fully loaded
    $('.crossrider_button').removeClass('crossrider_button_blue crossrider_button_medium').addClass('btn btn-info');
});

Answer 1

尝试在 .load() 中编写代码。当页面完全加载包括图形时，它将运行一个函数。

$( window ).load(function() {
  // Run code
});

Answer 2

也许你需要删除主类crossrider_button，试试

$( document ).ready(function() {
        $('.crossrider_button').removeClass('crossrider_button crossrider_button_blue crossrider_button_medium').addClass('btn btn-info');
});

更改动态按钮上的类

2 个答案: