full calendar with dropdown navbar - javascript

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.

Related

Bootstrap JavaScript not working for rails 6

I have a starter project in rails 6 and I have added bootstrap to work with. I followed many tutorials including many discussions on implementing bootstrap with rails6 but I am not able to get bootstrap javaScript to work. I have added a basic navbar with dropdown, bootstrap is working but the dropdown is not working cant figure out what is wrong here. Please help.
Note: I have tried all tutorials on getting my bootstrap to work with rails6.Only the javascript part is not working.
This is just one of the tutorial I tried none is working though
https://www.vic-l.com/setup-bootstrap-in-rails-6-with-webpacker-for-development-and-production
Here is my GitHub repo please feel free to check it out and help me .
https://github.com/sriramhegdeofficial/RubyGems101

Wordpress menu links not working with left click

My wordpress site menu links not working with left click, but when I open them in new tab it works fine, I have installed a theme on it nothing custom developed.
http://rockstar-marketing.com/
Looks like a conflict between a theme and plugin. Try disabling plugins. Start with WP Super Minify. Its compression methods are a common source for conflicts as can be seen from its support forums.
If the problem disappears when you disable a plugin, you've identified the source of the issue. Then for the solution:
Re-enable the plugin and check its settings. Some plugins have compatibility mode options.
Report the issue to the plugin author on their support forum if plugin settings didn't help. Disable plugin until the issue is fixed.
i think this is issue with plugin you used jch-optimized try to disable it and check the links are working or not and you have option to exclude option which js is conflict with theme
Hope this help you!
I was facing a similar issue working with a premium there.
It was because of a plugin - Elementor.
Once I disabled it the theme worked as it was supposed to :)
I hope this helps you. cheers.

New JQuery 3 Not Working Correctly w/ Bootstrap?

I'm making this post as I've been having this issue, and I'd like to make light of it. Perhaps others are having it, or can say whether my situation is a unique case. I recently downloaded the new version of jQuery (3.0.0) and linked it to a current project I'm working on. My Bootstrap dropdown / collapsing navbar would NOT work until I switch to an older version of Jquery (1.12.4.)
Has anyone else noticed something like this or had a similar issue?
Bootstrap 3 is not compatible with jQuery 3. You can use the latest v2 jquery though.

Facebook Comment Box Disappears in Accordian

I have two examples of Facebook comment box failing to load when an accordian is collapsed and reloaded. One HTML/JavaScript basic and the other in a Wordpress site via Visual Composer - this problem also occurs in numerous other accordions
HTML Example - http://iknowdigital.co.uk/htmlexample/
Wordpress Via Visual Composer http://thesingingmajor.co.uk/test-comment-box-martin/
I have contacted Facebook Support and Visual Composer support and neither can help out.
here are the replies
From VC
Hi Martin, The issue is not with the iframe, but the js that facebook comments use to render. It is not able to re-initialize itself when it is displayed as hidden and hence the issue occur. You can see that when you add nay iframe, it works fine without any issue. It is the js from the comments which is restricting it. As mentioned previously, it will require some custom js code to re-initialize this loading when the closed (hidden) accordion is opened. Kindly check.
From Facebook
Hi Martin,The issue here is the way the library is working. If you debug the code you'll see the plugin does not disappear, the issue is that the library is changing the width of the iframe that contains the plugin to 0 and you cannot see the comments plugin. In order to avoid this situation you will have to manually change the width value again and you'll see the comment plugin is still there. I'm going to close this bug as "By design" as this is not an issue in our side.
I'm not a javascript programmer, so am really at a loss here. Can anyone chip in with some advice here?
Thanks Martin

jQuery conflicts using Content Carousel with Bootstrap 3 and Fancy Box

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!

Categories

Resources