Logged in vs. logged out

Why am I getting massively different results when I view the work I’ve created when logged out?  I’ve got the ditto, chunks, etc. lined up and everything is going great - until I logout to view the results.

I’ve been using a variety of trial and error tactics including loads of RTFM and forum searches. But, I’m at a wall. The goal is to have the nav work as shown in this image. So far, I’ve been able to get the intros to load, but I’m getting duplicate category loading and some other odd behaviors when not logged in - presumably jquery is doing something.

Tried a number of Ditto/child tricks, but something is causing a "loop" or whatever that adds categories 1-3 for example, again after category 6.  Ends up looking pretty FUBAR with repetitive left nav and very odd behaviors of random content being displayed.

Any suggestions?

The goal is:


**
Just noticed that upon initial page load (logged out) it appears to display correctly for a millisecond, then loads the header chunk twice, and randomly inserts content in between the middle and last sidebar nav...very frustrating.


Thanks!!

Sounds like a javascript conflict issue. When you are logged in QuickEdit may be loading (if you are using it) and it loads MooTools which can conflict with jQuery making you thnk it is OK while in Manager but once jQuery starts working it breaks. Try disabling the QuickEdit (module + plugin).

Thanks, turning off Quickedit definitely helped!

To use them together you need to use jQuery in noConflict mode: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

This is the method I use (from the jq page above):

Finally, if you don’t want to define another alternative to the jQuery name (you really like to use $ and don’t care about using another library’s $ method), then there’s still another solution for you. This is most frequently used in the case where you still want the benefits of really short jQuery code, but don’t want to cause conflicts with other libraries.

 <html>
 <head>
   <script src="prototype.js"></script>
   <script src="jquery.js"></script>
   <script>
     jQuery.noConflict();
     
     // Put all your code in your document ready area
     jQuery(document).ready(function($){
       // Do jQuery stuff using $
       $("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>
 </head>
 <body></body>
 </html>

This is probably the ideal solution for most of your code, considering that there’ll be less code that you’ll have to change, in order to achieve complete compatibility.