简体   繁体   中英

Conflict jquery and contentFlow

I'm trying to place ContentFlow ( http://www.jacksasylum.eu/ContentFlow/ ) plug-in in a template on google blogger, but I think I have a problem of conflict with jquery. Basically if I disable jquery it works perfectly but if active jquery, images do not load. it appreciate some help, thanks.

You can try using jQuery.noConflict() to work, but is a weird problem. Are you sure that the libraries are nested in correct order?

Thank you for the answer! My test website is: http://giuseppeporro.blogspot.it/ Here the libraries order:

<head>
<link href='http://www.jacksasylum.eu/ContentFlow/contentflow.css' rel='stylesheet' type='text/css'/>
<script language='JavaScript' src='http://www.jacksasylum.eu/ContentFlow/contentflow.js' type='text/javascript'/>
<script src='//code.jquery.com/jquery-2.1.4.js' type='text/javascript'/>
</head>
<body>
----
<script style='text/javascript'>
var cf = new ContentFlow(&#39;contentFlow&#39;, {reflectionColor: &quot;#000000&quot;});
</script>
</body>

Welcome to StackOverflow! Please go through posting rules and guidelines. Also instead of answering your question with additional information you can edit the original question.

First off, look into using developer tools for debugging issues like this. You can see what JavaScript error caused your issue, jump to it's code and read the comments in the vicinity and/or google out the root cause.

In my opinion you should search for something fresher than ContentFlow. The issue you're having is due to ContentFlow expecting Prototype.js to be bound to $ .

Prototype.js is a jQuery-like library that was popular when jQuery was in it's infancy. Using a plugin that expects it (without stating it in any docs) seems unreasonable. Also there's a lot of bloat from IE6-specific fixes.

If you're determined to use it, then jQuery in .noConflict mode should probably work but I would expect complications down the road.

Alternatively look at these coverflow jQuery plugins or any of the numerous sliders avilable .

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM