dynamically changing wear footer button text

dynamically changing wear footer button text

BY 12 May 2017 Web Application Development

Hello,

I need to change the text on the footer button on Gear3 depending on which section is getting displayed. Here is my code

.
.
<footer class="ui-footer ui-bottom-button" id="pageFooter">
    		<a href="#" class="ui-btn" id="footerButton">Button</a>
</footer>
.
.
.
.
this.statusSectionFooterButton = $("footerButton");
console.log("attempting to change texts");
this.statusSectionFooterButton.textContent="Locked";
.
.

The text in the object in the debugger shows as “Locked” but the button still displays “Button”. I also tried .html(“Locked”) but still nothing. Any ideas why this does not work or how to do it properly?

Thanks,

-Jirka

Written by