If you are using require([“jquery”, “domReady!”], function($){} function or jQuery(window).load() function, Using this code, mostly your custom javascript code executes before the knockout element render.
Knockout js has afterRender event.
See below simple demo for afterRender function.
|
1 2 3 |
<div class="ko-concetp"> <div data-bind="afterRender: loadJsCustomAfterKoRender"></div> </div> |
Here, we have to define afterRender in the data-bind syntax for use in a knockout as shown above.
loadJsCustomAfterKoRender is the function which we need to call after knockout rendered completely.
Now, create a function loadJsCustomAfterKoRender in the js file as below:
|
1 2 3 |
loadJsCustomAfterKoRender: function(){ // write your custom script logic here } |
The above logic will solve the problem.
CONTACT US to get Magento programming solutions by hiring a certified Magento expert.