Data-bind link doesn't open web page in Ungerboeck

I am using a system called Ungerboeck to setup a web store. The app allows me to place custom HTML code inside a section called <!--TOPPAGE-->. This is code placed above their system navigation menu and the stores main content.

This is what a standard link looks like in the main stores content page.

<a class="readMore" data-bind="click: function() {runCode('openPage', 2232)}">Read More</a>

I tried to add this type of code to my custom bootstrap navigation but the link does not work.

I tried using the same code from the left-side navigation which the Ungerboeck system generates for the top navigation I made.

<li data-bind="attr: { class: panelCss }" data-view="public/controls/NavigationLinks/NavigationLinks" class="ux-nav--link ws-Links-CurrentLinkTextColor ux-navLevel-1" data-active-view="true" style="">
<!-- ko if: hasChildren --><!-- /ko -->
<a class="menu-link ws-Links-LinkTextColor" data-bind="attr: { href: url, id: 'navLink' + sequence() }, css: { 'ws-Links-LinkTextColor': !lastClicked(), 'ws-Links-CurrentLinkTextColor': lastClicked(), isSelected: lastClicked()}, click: linkClicked, text: description" target="_blank" data-track="true" href="" id="navLink288">Show Information</a>
<!-- ko if: hasChildren --><!-- /ko -->
</li>

But when added to my navigation menu, the link refreshes the site.

Question

How can I add links to my navigation menu that can link to a page within my site?

Webpage: https://ecommerce.sourceoneevents.com/prod/app85.cshtml?aat=E0jDDZomlL5TBOB6hWHMAz5j7IJY9TtwYxMQnlnL0Y4%3d

Codepen Example: https://codepen.io/CookieFresh89/pen/KKMVLOm

from Data-bind link doesn't open web page in Ungerboeck