不可能通过jQuery改变按钮文字

一个非常简单的问题给你jQuery向导，但我没有设法通过jQuery改变按钮的innerHTML。我有以下Squarespace页面：https://hethuisvandelingerie.squarespace.com/badmode/BM001。不可能通过jQuery改变按钮文字

我想要做的是将“添加到购物车”按钮中的文本从英文更改为荷兰文。该按钮具有以下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（我已经将其链接注入到其他API的链接）工作。一个“是”的警报是给出的，所以这不是问题。然而，按钮上的文字似乎并没有改变:(。

<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的大师的，帮我请！ KR， BarrieO

来源

2017-02-22 BarrieO

如果您在更改文本的行之前放置了一个警报，您有什么？ – Kornflexx

在$（document）.ready而不是$（window）上运行它.load – Cam

你还应该检查一下，看看它是否使用jQuery的版本，调用可以改为jQuery而不是$。在控制台中，输入$并按回车键，如果你得到一个未定义的响应，然后输入jQuery。 – Cam

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

$(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>

来源

2017-02-22 15:45:47 baao

感谢您的回复，尽管代码现在看起来非常完美，但它仍然无法在我的网站上运行。我在原始邮件的链接中更改了它。不明白为什么它仍然不工作... :( – BarrieO

多个版本或没有版本的jQuery包括在内？@BarrieO – baao

嗯，除非Squarespace默认已经包含了一些jQuery，我只包括这个： jQuery似乎会在显示测试警报“Yeah”时加载？ – BarrieO

不可能通过jQuery改变按钮文字

回答

相关问题