Forums

Adding jquery.js to my theme messes up the editor.

Permalink
So I am new to concrete5, I have built a new custom theme for a client although, I have a problem.

I am using Twitter Bootstrap for the framework of this site. It has two main files (bootstrap.css) and (bootstrap.js) the .js file requires (jquery.js) to operate properly.

When I add jquery.js to my code in my header after the header required, the editor does strang things. For example, the popup dialog boxes load in a new blank page rather than over the top of the existing page.

I am adding the jquery like so: 

<?php Loader::element('header_required'); ?>
<!-- JQuery Javascript -->
<script src="<?php echo $this->getThemePath();?>/js/jquery.js"></script>
<!-- Bootstrap Javascript -->
<script src="<?php echo $this->getThemePath();>/js/bootstrap.min.js"></script>


Please help! I uploaded a screen shot of the popups loading in a separate page.

1 Attachment

 
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
You are not suppose to add jquery.js in your theme as Concrete5 default include jquery.js
So if you include yours, it is conflicting with the core one. So just delete the jquery.js from your header and it will work

Rony
moevans replied on at Permalink Reply
If I remove the jquery that I add myself, I loose the JavaScript functionallities of bootstrap.js. Does the one that is included need to be loaded in someway?
ronyDdeveloper replied on at Permalink Reply
ronyDdeveloper
I don't think that any javascript functionalities written in your jquery.js, its a simple library. Lets try it & then check if anything won't work.

Rony
moevans replied on at Permalink Reply
Okay well I replaced the navigation bar with the one on bootstrap website. I must have been missing something there with the smaller screen size drop down navigation. Everything seems to be working better now. Thank you.
mnakalay replied on at Permalink Reply
mnakalay
I don't know if that's the issue but Bootstrap states in the doc that it requires jquery >= 1.9.0 and C5 uses 1.7.2
That might be the problem when using C5's version of jquery