MadCap Software Forums

Greetings,
I have been working with support and there appears to be a difference in a SCRIPT when compiling a HTML5 project. In v10 I am using Bootstrap and the megamenu system to create navigation. It works fine in v10 if I place the script up top in the master page. When compiling the same project in v11, the drop down navigation fails. We have narrowed it down to the google ajax jquery script that is the culprit. Commented out below.

<!--<script src="https://ajax.googleapis.com/ajax/libs/j ... ery.min.js">
</script>-->

I am suspecting the jquery.js file from Flare. Any one have a possible solution or workaround?

R/y
John C

The HTML5 skin uses jQuery for its display, so if you are using HTML5 output, you need jQuery, or the HTML5 output won't act like it is designed.

Firstly, have you tried not including that link to jQuery?

jQuery is already included in HTML5 outputs, and topics will include a link to (Resources/Scripts/)jquery.min.js, which is currently jQuery v1.8.3 (with Flare v11).
Does bootstrap not work with this version of jQuery?

(If you really need to run two separate copies of jQuery, I'd suggest Googling "multiple jQuery versions" or suchlike.)

doc_guy wrote:The HTML5 skin uses jQuery for its display, so if you are using HTML5 output, you need jQuery, or the HTML5 output won't act like it is designed.

Good point. I am wondering if I use no skin in 11 if it will work. I will try and report back. I will need to use the search proxy however. Hmmm.

chunkee wrote:Good point. I am wondering if I use no skin in 11 if it will work. I will try and report back. I will need to use the search proxy however. Hmmm.

jQuery is always included in topics (in HTML5 outputs) regardless of what skin you use, or don't use.

I was using Flarestrap in Flare 10, and experienced some script failures when I migrated to Flare 11. Flare 11 is using Foundation, and the JQuery package used by Foundation caused my issues (I had manually added Foundation to my TopNav project in order to make use of the sticky navbar feature). I solved my issues by removing all Bootstrap code and using a Foundation equivalent.

I think the takeaway is to check to be sure you aren't loading more than one version of JQuery as they may have conflicts that will break the output. Remember that Flare will load JQuery on its own, so you don't really need to load it yourself unless you need a different version. If you do load a specific version, test the output carefully to make sure everything works.

BTW the biggest problem I encountered was that Search would not work at all. Removing the JQuery calls and depending on Flare to load it resolved those problems.

Hope this gives you some help.