Wednesday, January 15, 2020

nav-reload

When changing "tabs" in a Bootstrap navigation as seen here this class might be cornerstone. You include it if you want to hydrate what is in the div unlocked by the "tab" asynchronously and you leave it off if you just want to show what was in that div to begin with. Obviously, the reason to go out to elsewhere asynchronously instead of just fleshing out everything upfront is to save some sort of expense in loading stuff. Alternatively, I suppose the data getting hydrated could be changing every time you request it too or perhaps at least hold the potential for some periodic or "random" change. If you leave this style off a link and your tab's contents are not hydrating from afar, the problem stems from you leaving this off. What is more, if you include this class but fail to have the data-reload-url property for where to fish for html for the tab's contents, you'll get an error in the console of Google Chrome that starts out like so:

Uncaught TypeError: Cannot read property 'indexOf' of undefined
   at w.fn.init.w.fn.load

No comments:

Post a Comment