Jquery UI Tabs not working when I'm NOT in edit mode
Permalink
Working on a site right now that requires a tabbed sidebar navigation. Though I've seen the (very awesome) tabbed content block that was created, since I can't yet assign layouts as defaults to a page template (as of 5.4.1) I decided to build the functionality into the page template itself, same as you might a regular site, and call the blocks explicitly in the sidebar.
I read around on the forums and found that I needed to upgrade to the latest jquery.js and jquery.ui.js in my /concrete/js/ directory, so I did.
And whaddaya know, it worked!
Until I published my changes. Then it seemed to just disappear. The tabbed divs and all that are still there, they show up in the source code.
I also put the aforementioned js files into the top-level js folder, to be on the save side, but to no avail. Any ideas? Been poking around the forums for hours off and on trying to find something that would shed some light, but nothing yet. Thanks!
UPDATE: Just tried adding in a top-level css directory with proper files in there, to no avail. Just in case anyone was wondering.
I read around on the forums and found that I needed to upgrade to the latest jquery.js and jquery.ui.js in my /concrete/js/ directory, so I did.
And whaddaya know, it worked!
Until I published my changes. Then it seemed to just disappear. The tabbed divs and all that are still there, they show up in the source code.
I also put the aforementioned js files into the top-level js folder, to be on the save side, but to no avail. Any ideas? Been poking around the forums for hours off and on trying to find something that would shed some light, but nothing yet. Thanks!
UPDATE: Just tried adding in a top-level css directory with proper files in there, to no avail. Just in case anyone was wondering.
yea, because by default jquery ui is only loaded when someone with the edit bar is logged in, is this a block or what?
Um...No, I don't think so. I've got the proper HTML for the tabs built in to the page template, the block goes inside the tabs themselves. Here's the code for it:
<!-- Call Script for Tabs -->
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Project Name</a></li>
<li><a href="#tabs-2">Project Type</a></li>
</ul>
<div id="tabs-1">
<!-- Project Name Navigation from Scrapbook -->
<? $block = Block::getByName('Project Name'); $block->display(); ?>
</div>Viewing 15 lines of 20 lines. View entire code block.
I guess my question is, how do I get jquery.ui to load in any case, and not just when someone with edit bar is logged in?
add <script type="text/javascript" src="/concrete/js/jquery.ui.js"></script> to your head
That did not work, I might add though, that this site is installed in a sub directory, although I haven't seen that be a problem anywhere else in this project.
take a look at this:http://www.concrete5.org/documentation/how-tos/developers/creating-...
Any news on this issue? I having the same problem... I can´t manage to get the script loaded when users is not logged in or in edit mode.
