This content has been marked as final.
Show 5 replies
-
1. Re: confict with jquery and jcarousel
ilya_shaikovsky Apr 14, 2009 5:04 AM (in response to ax123man)which RF version you using. could be conflict with bundled jQuery.
-
2. Re: confict with jquery and jcarousel
nbelaevski Apr 14, 2009 5:52 AM (in response to ax123man)Hello,
Better use bundled jQuery version. -
3. Re: confict with jquery and jcarousel
ax123man Apr 14, 2009 7:51 PM (in response to ax123man)"ilya_shaikovsky" wrote:
which RF version you using. could be conflict with bundled jQuery.
I upgraded from 3.2.2 to 3.3.0 in attempt to fix this but I don't think that's relevant. jQuery is known to cause conflicts with other js libraries. That's the whole purpose of the jQuery.noConflict, to eliminate that conflict. However, for it to work, you have to put the jQuery.noConflict after the jQuery js lib import and before the rich faces import. But I can't figure out how to do that. -
4. Re: confict with jquery and jcarousel
ax123man Apr 14, 2009 8:26 PM (in response to ax123man)after thinking on it and reading this https://jira.jboss.org/jira/browse/RF-1953?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel I think the conflict is actually with jcarousel.
thx for the responses -
5. Re: confict with jquery and jcarousel
ax123man Apr 14, 2009 8:50 PM (in response to ax123man)I figured it out and thought I'd post for others. The issues was that I had been messing with the position of jQuery.noConflict() and the imports but I didn't address the little bit of javascript I had in my app for jCarousel. So the following works for the imports:
<script type="text/javascript" src="/consumer/jcarousel/lib/jquery-1.2.3.pack.js"></script> <script type="text/javascript" src="/consumer/jcarousel/lib/jquery.jcarousel.pack.js"></script> <script type="text/javascript"> jQuery.noConflict(); </script>
AND then you need to replace an subsequent js you have for jCarousel to use "jQuery" instead of "$", like:function mycarousel_initCallback(carousel) { jQuery(".jcarousel-item-1 img").click(); };