javascript - 无法通过 jQuery 更改按钮文本

Question

对于 jQuery 向导来说，这可能是一个非常简单的问题，但我无法通过 jQuery 更改按钮的innerHTML。我有以下 Squarespace 页面:https://hethuisvandelingerie.squarespace.com/badmode/BM001 .

我想要做的是将“添加到购物车”按钮中的文本从英语更改为荷兰语。该按钮具有以下 HTML 结构:

<div class="sqs-add-to-cart-button-wrapper" id="yui_3_17_2_1_1487777852612_138" style="visibility: visible;">
    <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button " data-collection-id="5890a2ff2e69cf43f9dad6c5" data-item-id="589f1443c0302664f13c7656" data-original-label="Add To Cart" id="yui_3_17_2_1_1487777852612_146">
        <div class="sqs-add-to-cart-button-inner">Add To Cart</div>
    </div>
</div>

我使用以下 jQuery 脚本来更改按钮中的文本。我添加了代码的第一部分来查看我的 jQuery(我已在其他地方注入(inject)了 API 的链接)是否有效。会发出"is"警报，因此这不是问题。但是，按钮文本似乎没有改变:(。

<script>
    window.onload = function() {
      if (window.jQuery) {  
        // jQuery is loaded  
        alert("Yeah!");
      } else {
        // jQuery is not loaded
        alert("Doesn't Work");
      }
    }

    $(window).load(function() {
       $(".sqs-add-to-cart-button-inner").text("Voeg toe aan mandje");
    });
</script>

jQuery 大师，请帮助我! 克尔, 巴里奥

Answer 1

在 jQuery 中使用 $(document).ready()。

$(document).ready(function() {
  $(".sqs-add-to-cart-button-inner").text("Voeg toe aan mandje");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sqs-add-to-cart-button-wrapper" id="yui_3_17_2_1_1487777852612_138" style="visibility: visible;">
  <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button " data-collection-id="5890a2ff2e69cf43f9dad6c5" data-item-id="589f1443c0302664f13c7656" data-original-label="Add To Cart" id="yui_3_17_2_1_1487777852612_146">
    <div class="sqs-add-to-cart-button-inner">Add To Cart</div>
  </div>
</div>