Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
Unable to target div id in ons-template
-
I am modifying the ‘Splitter animations with navigator’ tutorial (http://tutorial.onsen.io/?framework=vanilla&category=Community tutorials&module=splitter_navigator)
I have added <div id=“userBoards”></div> to one of the templates. When that template is loaded I call some JS to insert some text into the #userBoards div. My JS does not seem to be able to detect the div in question though.
Please advise.
-
@StevieC I guess the DOM is not ready by the time you try to access it. Check out this other tutorial and the
initevent.
-
Hi Fran,
Yes. That appears to be it. Thanks.It has thrown up another problem though.
Using the function: 'document.addEventListener(‘init’, function(event) {'
to handle each page loading works fine within the Monaca IDE (fires each time a page is loaded) but when run on my mobile phone (Android 4.1.2) it only fires the once (on app loading). I have included Crosswalk to see if that would help but it has not.Any advice?
-
Hi Fran,
I’ve changed the ‘init’ to ‘show’ and that appears to have fixed it.
-
@steviec That’s great. Thanks.
