Yet another SmartTabs question

[lesliekirk]

I have the SmartTabs javascript at the very end of the page, just before the closing body tag. Store owner just asked me why if

we do not wait until the webpage loads fully before we click on the 'Quantity Pricing' tab, it will redirect you to the home page

I recognize this as "normal" behavior but I am wondering if I should move the javascript further up the page or would I just be opening myself up to conflicts in javascript? Is there anything I can do to help this little script along?

[Matt Zimmermann]

The script requires jQuery to run, to it has to happen after that call at the bottom. You could try deferring or asyncing the scripts. Also, you might check if there are scripts loading in before these, primarily third-party ones, which are slowing page loading.

[lesliekirk]

Yeah, I knew the "order" is important. It does look like there are a couple of third-party scripts that have been inserted in between the

<script src="../js/plugins.js"></script>
<script src="../js/scripts.js"></script>

and the

<script src="/js/jquery.smartTabs.js"></script>
<script>
$('#js-smart-tabs--tabs').smartTabs({ layout: 'auto', contentHeight: 'auto' });
</script>

I'm going to try moving it up right underneath those two.

[Bruce - PhosphorMedia]

Shouldn't placing the function that handles the Tab link inside a documentReady test prevent that behaviour?

[Matt Zimmermann]

You are correct Bruce.