Comments (9)
Well, this is not an issue with the plugin. You have MIME-TYPE warnings on the page, and your plugin.js and script.js are not being loaded. Once you sort out your js loading, everything will be in order.
from flexslider.
Both scripts are loaded. MIME type errors are correct and are the concept of the yepnope.js plugin. As you can see in console, both plugins.js and scripts.js are loaded.
from flexslider.
It's indeed a problem with yepnope.js but I'm not sure if it's related to flexslider or to yepnope.js. Never had such problems with other plugins/sliders etc.
Problem seems to be that scripts.js (which is where the function call is for flexslider) is loaded in parallel to plugins.js where flexslider.js is loaded in. They're executed in order by yepnope.js but the asynchronous load seems to cause problems.
from flexslider.
My fault, I misspoke/wasn't clear enough.
I am experiencing the inconsistency issue you are talking about, but it only happens when the warnings are present and the js files are interpreted as Image(s). The script files are being loaded, but I suspect the warnings paired with the slider failing to load are not a coincidence.
I'd be interested to see if that console log fires when the warnings are present/the slider does not initialize. Did you test that?
from flexslider.
I'd be interested to see if that console log fires when the warnings are present/the slider does not initialize. Did you test that?
Which console.log? Mine? It fires(!) which confuses me. So it seems both, script and function call, are loaded and executed but not appended to DOM?
from flexslider.
The console.log that was within the .flexslider(), basically saying the slider was loaded. This is a very curious issue.
If I were debugging it, I would line up a few console.log's across the script files to see what failed to fire/their firing sequence (to make sure the loading is happening as expected). I can't imagine what my script would be doing that would interfere where others do not.
from flexslider.
I will try to find out. From what I know now I don't think it's your script code.
Maybe your script is too small lol – most of the other plugins are bigger indeed.
from flexslider.
Did this get resolved? FlexSlider isn't working for me at all with yepnope.js, real shame as I need to switch it off for mobile with modernizr.mq
from flexslider.
Not to worry, it seems Flexslider is best called with complete: function() { }
making sure to load it as a separate file. Doesn't seem to play nice minified with a bunch of other JS, especially if it's loading in an Ajax tab.
from flexslider.
Related Issues (20)
- Prevent vertical swipe while swiping horizontally HOT 2
- Fix for Number-typed values are deprecated for jQuery.fn.css
- Forbid to tab through the slider HOT 1
- swipe is reverse in RTL
- $( '.flexslider' ).flexslider({ is not running occasionally HOT 1
- hiding slides with display:none to filter them... way to 'recount' the slides after doing so
- Using iframes (yt-videos) in flexslider breaks the last slide (animation: slide)xslider HOT 1
- Trouble placing multiple instances of flexslider on a website or page
- When animationSpeed becomes large, the image doesn't switch to a smartphone with Chrome's Devtools.
- The package could not be installed. Trying to install the plugin, get an empty plugin error?
- Fetching Thumbnail images dynamically
- Not compatible with Google Chrome and rtl mobile browsers HOT 1
- Is FlexSlider abandoned? HOT 1
- fix scrolld in 5000 min
- How to setup Flexslider in a gulpfile HOT 1
- FlexSlider prevents use of back/forward cache
- does not start on the first slider HOT 1
- slide container gets bigger when another slide has a tall vertical or horizontal image
- Cannot read properties of undefined (reading 'toLowerCase'
- thumbCaptions setting creates invalid html
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flexslider.