Bootstrap core javascript suddenly not working - javascript

I'm a beginner here, and currently developing a web application. My situation is for few months i had using this Bootstrap core javascript source and suddenly today the console shows error which I completely dont know how to solve it and it is affecting and messing up my web application page.
This is the Bootstrap js source that i'm using
<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
This is the image of the error from the web console

My problem above is solved by inserting new links for the CSS and JS of bootstrap latest update. You can refer here for the guide on using latest bootstrap 4.

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 does not load plugins' libraries properly

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.

full calendar with dropdown navbar

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.

Uncaught TypeError: $(...).carousel is not a function

I am using bootstrap to create a web app. I am using rails 4.2.2 and heroku as my server. At first the carousel works fine. But after visiting another link on my site when I come back to the home page, the carousel is not working. I get the error on the chrome console.
Uncaught TypeError: $(...).carousel is not a function
I have looked at other solutions given in the site, but nothing has worked for me so far.
I am using the following code to load the js and jquery in my .html.erb file
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Any help is appreciated. Thank you.
I made sure I ran all the commands as mentioned in the following link:https://github.com/twbs/bootstrap-sass#a-ruby-on-rails Also, removed all the entries for adding bootstrap from my html files as they are not required here. Now the carousel is working even after coming back from the links. Only thing is on my chrome console, even now when everything seems to work fine, it is showing bootstrap is not defined. But everything seems to be working fine.

Custom wordpress theme with Bootstrap IE 8 error

I've been stuck on this issue for a very long time and I would like to get some help from people out there who smarter than me.
I began building a custom wordpress theme with the frameworks of bootstrap 3.0. I uploaded the site onto a web server and the website isn't working on IE 8 properly. The layout is all jumbled up (here is the website http://www.plummedia.com.au/).
If you look at my code I have Html5shiv.js , respond.js and css3mediaquieries.js in my header.
I tried going through these steps but it has been unsuccessful. http://davekiss.com/ie8-respond-js-and-wordpress/
Please help thank you!

Categories

Resources