i've been developping a website using bootstrap v4 but i have a problem with the carousel element as it's not working the way it should instead all the slides are showed and make a transition. you'll find as the end a sample where the problem is clearly visible
enter code herenow my code is the following : https://jsfiddle.net/9b05o5g2/
and here you can see the problem clearly : http://t-w-g-org.stackstaging.com/
Related
I have a custom made theme working fine since long. Today when I was working on it I found some strange behavior. I think it is due to jquery proper loading. Yet I am not able to solve it.
Here is the link http://lesclefsdorgb.org/aboutus/
This page is loading two plugins
1. Revolution Slider and
2. Floating Menu
On a Chrome consol it gives following error
enter image description here
Help is appreciated.
Hi I'm a novice at HTML5.
Created a website using Bootstrap v3. Working on a webpage to utilize FullCalendar. I have one of two problems. Either the calendar works and my dropdown NavBar menus do not work. Or Vice Versa.
I've narrowed down the problem to the jquery.min.js script link.
If I comment out the script "...src='assets/js/calendar/jquery.min.js'>", then my dropdown menus, work perfectly.
If I comment out the script
"...src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"
window.jQuery || document.write('...src="js/vendor/jquery.js">')", then my calendar works but my dropdown NavBar menus do not work.
I figured out the Bootstrap jquery script is using version 1.11.2 and FullCalendar is using version 3.1.1.
Then I downloaded Bootstrap v4 Alpha. The link there is to jquery-slim.min.js is version 3.1.1 so I thought this might solve my problem. I put together a test webpage and still experiencing the same issue.
Any suggestions would be greatly appreciated.
Thank you.
I am working on a site that is using the Circular Content Carousel from Tympanus in conjunction with FancyBox on a site built with Bootstrap 3. I've noticed however, that the collapsible mobile menu that is part of Bootstrap is not working on this page. I realized that Content Carousel is using jQuery 1.6.2 while Bootstrap uses 1.9 or higher. When I remove the link to jQuery-1.6.2 the mobile menu works but the Carousel breaks, and when I remove jQuery-1.11.1, the carousel works but the mobile menu is broken. Linking both results in the carousel working but the mobile menu not working. I've tried using the jQuery.conflict script to no avail (whoever built the site had already begun to implement this unsuccessfully).
I've tried changing lines 217 and 227 of the contentcarousel.js file from .live to .on as per the stack overflow link here and removing the older jquery file. Now everything almost works except when you click on the + sign to enter the lightbox and then exit out of the lightbox, the content carousel no longer works. I've also noticed that after this change, when you hover over the dropdown menu, it stays in an active 'mouseover' state.
The site is here http://smmcnyc.com/work/bnc/history.html with history2.html being the version with the modified contentcarousel.js file.
Suggestions? Advice? Please help!
I am trying to have a left sidebar in my rails application that uses bootstrap affix. I have set up this bootply to share my approach:
http://www.bootply.com/mwg1ZEM8zh
It works just like wanted with Chrome, but with Firefox affix stops working everytime I follow a link (the sidebar is in every page of my app). If I refresh the page affix starts working again. I have used data attributes to add the affix behavior, no javascript at all. Should I use javascript? Am I doing something else wrong?
I am using bootstrap 2.3.2.
I ended up using javascript as well and now it works with Firefox as well.
<script>
$('.sidebar').affix();
</script>
I am using this menus http://wijmo.com/widgets/wijmo-open/menu/ , its working ok but i have this problem:
Takes some time to load the js files and the menu show up like a tree and after some seconds the menu is ok.
How can i speed up the loading or do something to dont show the tree?
I tested the online demo using the latest version 2.3.7 available at the below link:
http://wijmo.com/demo/explore/?widget=Menu&sample=Overview
and the menu did show up without any delay. Could you kindly check the same ?
If the issue persists then let me know the browser details and the version which you are using.
Regards