Databases
StackOverflow2013
Postsdbo
POConflict between Fancybox and other JQuery
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POConflict between Fancybox and other JQuery
    text
    copied!<p>i'm using 3 different JQuery plugins to build a website.</p> <ul> <li><a href="http://web-kreation.com/demos/Sliding_login_panel_jquery/" rel="nofollow">http://web-kreation.com/demos/Sliding_login_panel_jquery/</a></li> <li><a href="http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html" rel="nofollow">http://www.thewebsqueeze.com/web-design-tutorials/create-a-horizontal-scrolling-website.html</a></li> <li>LINK3:http://fancyapps.com/fancybox/</li> </ul> <p>But, there's a small problem. The first 2 plugins work happily together, but when I insert Fancybox, one of the plugins (mostly Fancybox, but sometimes Sliding Login) will be disabled and behaves himself as it would do without JQuery.</p> <pre><code>&lt;!-- PNG FIX for IE6 --&gt; &lt;!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 --&gt; &lt;!--[if lte IE 6]&gt; &lt;script type="text/javascript" src="js/pngfix/supersleight-min.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; &lt;script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'&gt;&lt;/script&gt; &lt;script src="js/jquery.localscroll-min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script src="js/jquery.scrollTo-min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.fancybox.js?v=2.0.6"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { $.localScroll.defaults.axis = 'x'; $.localScroll(); // Expand Panel $("#open").click(function(){ $("div#panel").slideDown("slow"); }); // Collapse Panel $("#close").click(function(){ $("div#panel").slideUp("slow"); }); // Switch buttons from "Log In | Register" to "Close Panel" on click $("#toggle a").click(function () { $("#toggle a").toggle(); }); $("a.fancybox").fancybox(); }); &lt;/script&gt; </code></pre> <p>And here's the link:</p> <pre><code>&lt;a class="fancybox" href="http://www.google.nl?id=&lt;? echo $selectusers2['UID'] ?&gt;" title="&lt;? echo $selectusers2['test']." ".$selectusers2['test']." ".$selectusers2['test']; ?&gt;"&gt;&lt;? echo abbreviation($selectusers2['test']." ".$selectusers2['test']." ".$selectusers2['test'],17,'...'); ?&gt;&lt;/a&gt;&lt;br /&gt; </code></pre> <p>I hope someone will know why those are conflicting and likes to solve it :)</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload