ionic framework - Meteor - Error: Failed to execute 'insertBefore' on 'Node' -
i trying make dynamic list display using meteor, idea load more elements each time bottom of page reached.
the html template following :
<template name="contacts"> {{#contentfor "headertitle"}} <div class="bar bar-header bar-assertive"> <h1 class="title">contacts :</h1> </div> {{/contentfor}} {{#ionview}} {{#ioncontent}} <div class="list"> {{#each contacts}} <a class="item item-avatar" href="/contacts/{{_id}}"> <img src="/img/ico_client.png"> <h2>{{full_name}}</h2> <p>{{company}}</p> </a> {{/each}} </div> {{#if moreresults}} <div id="showmoreresults" style="margin-left: 25px;"> <span class="loading">loading...</span> </div> {{/if}} {{/ioncontent}} {{/ionview}} </template>
and js :
template.contacts.oncreated(function() { var self = this; this.contacts = reactivevar; self.footer_visible = false; session.set("itemslimit", 10) function showmorevisible() { screen_bottom = $("#showmoreresults").height() + $(window).scrolltop() + $(window).height() /* if footer visible */ if (screen_bottom >= $("#showmoreresults").offset().top) { if (!self.footer_visible) { self.footer_visible = true; session.set("itemslimit", session.get("itemslimit") + 10); } } else { if (self.footer_visible) { self.footer_visible = false; } } } $(window).on('scroll', function(e) { showmorevisible(); }) }); template.contacts.helpers({ contacts: function() { limit = session.get("itemslimit") return contacts.find({}, { limit: limit } ); }, moreresults: function () { return !(contacts.find({}).count() < session.get("itemslimit")); } });
the detection of bottom of screen works fine. sadly, keep getting following error meteor after list changed :
i20170407-16:04:18.014(2)? 04-07 16:04:17.201 4765 4765 chromium: [info:console(958)] "exception tracker recompute function:", source: http://localhost:12672/packages/meteor.js?hash=b09c234116cd2599026c6a5d872d2896d8ab5885 (958) i20170407-16:04:18.014(2)? 04-07 16:04:17.201 4765 4765 chromium: [info:console(958)] "error: failed execute 'insertbefore' on 'node': node before new node inserted not child of node. i20170407-16:04:18.014(2)? 04-07 16:04:17.201 4765 4765 chromium: @ object.insertelement (http://localhost:12672/packages/meteoric_ionic.js?hash=fa5297ddc8d6661abfb528c7ac0a93d961d4d3a0:5752:19) i20170407-16:04:18.014(2)? 04-07 16:04:17.201 4765 4765 chromium: @ domrange._insertnodewithhooks (http://localhost:12672/packages/blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:405:21) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ function.blaze._domrange._insertnodewithhooks (http://localhost:12672/packages/peerlibrary_blaze-components.js?hash=c151b0436aa21b5a9b4cb5b83a246a728ea83043:2792:10) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ function.domrange._insert (http://localhost:12672/packages/blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:376:16) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ blaze._domrange.domrange.attach (http://localhost:12672/packages/blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:453:16) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ blaze._domrange.attach (http://localhost:12672/packages/peerlibrary_blaze-components.js?hash=c151b0436aa21b5a9b4cb5b83a246a728ea83043:2863:33) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ function.domrange._insert (http://localhost:12672/packages/blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:371:7) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ blaze._domrange.domrange.attach (http://localhost:12672/packages/blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:453:16) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ blaze._domrange.attach (http://localhost:12672/packages/peerlibrary_blaze-components.js?hash=c151b0436aa21b5a9b4cb5b83a246a728ea83043:2863:33) i20170407-16:04:18.015(2)? 04-07 16:04:17.201 4765 4765 chromium: @ function.domrange._insert (http://localhost:12672/packages/blaze.js?hash=f33d3dfed63a491d24e3aa07ad66c24b5fe8c761:371:7)", source: http://localhost:12672/packages/meteor.js?hash=b09c234116cd2599026c6a5d872d2896d8ab5885 (958)
i saw issue raised once on stackoverflow (error: failed execute 'insertbefore' on 'node') no solution found.
i using meteor 1.4.3.2, latest release @ time, blaze 2.3.2 & meteoric:ionic 0.2.0.
any suggestion welcome.
Comments
Post a Comment