conflict with other jquery: slides "pile' on each other

  • ccahill1

    (@ccahill1)


    11 years ago

    I have smooth slider so that I can scroll through post content on the home page. I also have some other random jquery stuff I want to do on the same page, but when I link to jquery in the header file of the theme, the smooth slider slides “pile” on each other. In other words, there is no sliding action and all the posts are visible, on top of each other.

    What is happening?

    See a screenshot here: http://staceyhawkins.com/timesavorgourmet/wp-content/uploads/2013/04/smooth-slider-piledup.png

    http://staceyhawkins.com/dev2013cc/ here is a live sample. I have the word “share” in the grey bar has a .hover() function from jquery so that the share box will appear. it isn’t perfect yet, but the real problem is that the smooth slider is broken because the jquery file is added to the page. scroll to the bottom to see the smooth slider (it’s the one that says “their words” and has orange text that is supposed to slide).

    Help please.

    http://wordpress.org/extend/plugins/smooth-slider/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Contributor slidervilla

    (@slidervilla)

    11 years ago

    Hi,

    The Smooth Slider is not working properly because of the multiple instances of jquery.js loading on your site. As your theme is already loading the one from wp-includes folder, there is no ned to load the same file or other version of the same file from anywhere else.

    Remove the below piece of code and see if Smooth Slider works properly,

    <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

    It is loading in the HEAD section of your site, so check the header.php of your theme.

    Let me know if it helps.

    Thread Starter ccahill1

    (@ccahill1)

    11 years ago

    The problem is that when I remove that, then my other custom jquery doesn’t work.

    There is a share plugin on the site and I am trying to manipulated it so that when a user hovers the mouse over the word “share” in the grey bar on the home page (that I sent the link to before – it’s a dev version) the share buttons will appear so a user can share the page. The jquery that I was working on was functional, albeit not perfect, when I added that line in the head that you told me to delete, but when I remove it, the jquery doesn’t do anything, so nothing happens when the mouse hovers over the word share.

    anilboricha842

    (@anilboricha842)

    11 years ago

    Hi ccahill1,

    can u tell me if slider jquery conflict with my jquery at where i place slider then slider does not work?? basically my problem is these slider at my site not working in IE9 only 🙁

    Plugin Contributor slidervilla

    (@slidervilla)

    11 years ago

    Hi ccahill1,

    Thanks for removing the piece of code from your site’s header section and as I can see, the slider is working perfectly fine. The issue with the sharing option is appearing because you have used $ in the script. I would suggest you to use jQuery instead of $ in the script to make that non conflicting. Or you need to use the no.conflict script in your site’s header.

    You can find more details here – http://api.jquery.com/jQuery.noConflict/

    Thread Starter ccahill1

    (@ccahill1)

    11 years ago

    I was trying to use jquery – I thought that $() was the beginning of jquery. I’m relatively new to jquery/javascript and I can generally write simple things that will work, but sometimes things just don’t work and I don’t know why. So can you please explain what I should do instead of the dollar sign, because I thought that was the signifier of jquery.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘conflict with other jquery: slides "pile' on each other’ is closed to new replies.