jQuery를 통해 버튼 텍스트를 변경할 수 없습니다.

Question

Probaby 아주 간단한 질문이지만 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 (다른 곳에서 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

Answer 1

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