Advocate theme – Ditty ticker only shows title

Upon further inspection, I am certain that it is a conflict with the Advocate theme. My test install on my local machine running the default twentytwelve wp theme, like I said in the original post, seems to accept Ditty news ticker as-is and it works great. When I install advocate, it does not work.

I added this line in the header.php of the advocate theme:
<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script&gt;

and the ticker started working, but it broke my Nivo slider which is used on the Advocate theme. I had this same problem before with adding custom Jquery code and using a jquery slider on different pages but on the same wordpress site using the Vanguard theme.

i wanted to update you once again. The test page shows that the top ticker is working. I added this line:

<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script&gt;

to the page template in which I am adding the ticker. Nivo slider works as well. However, the sliding seems choppy and… doesn’t seem right. However, I got it working on my test site by using the same method and the sliding there isn’t choppy at all. What are your thoughts? After 5 hours of troubleshooting today I am going to call it quits. Let me know if you think you can help.

J

I checked out your site in Chrome on my mac and the ticker seemed to work, though it wasn’t scrolling very smoothly. Looking at developer tools I see a couple issues that are probably affecting the ticker.

First, I am seeing the following jQuery error, which could be causing the ticker to not work at all in some browsers:

Uncaught TypeError: Object #<Object> has no method ‘on’ add-to-cart.min.js:1

Secondly your theme (or some other plugin) is removing the default install of jQuery that WordPress should be loading as is instead loading an older version of jQuery though the Google CDN:

<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js”></script&gt;

Removing the default jQuery in a theme isn’t a very good idea as other developers rely on the normal installed version to be used… sometimes you may not notice anything wrong, but sometimes you can depending on what individual scripts are trying to do.

The only suggestion I have are to try and resolve the Error and modify the theme to stop it from removing the default jQuery install.

Thanks for looking into this. Since I posted this I’ve been doing quite a bit of troubleshooting. I’m not familiar with WordPress so it is mostly vain fumbling and reading forum posts trying to figure out why Jquery isn’t being called correctly. Now, the call to jquery 1.4.4 is my mistake. I did that while troubleshooting this afternoon, I put that in the full width template file to troubleshoot and see if Ditty would work. It did, but very choppy. I pulled that from a Google search result so that’s why it was such an old version. I noticed that Ditty loaded when I did this but it broke Nivo Slider. Now I suspect that Nivo slider is actually causing the problem. Googling Nivo Slider Jquery Conflict brings up tons of results from people that were forced to use something called noconflict to get around.

The bit about the exception regarding the cart is from WooCommerce and a store that we haven’t implemented yet. I hope that we don’t see problems with the store because of Nivo.

The web team that built our website implemented Nivo slider by embedded it directly rather than installing the plugin for some reason. I’m trying to figure out why Nivo would cause a conflict.

Alright, I apologize for confusion that I created through troubleshooting. I have created a clean-slate with the original problem without any of my attempts to fix it. The page is no longer removing the default JQuery install.

Under the Nivo slider on my homepage, you’ll see the text Fallen Linemen. That is the title for Ditty News Ticker 249 inserted via PHP in the code of the page, however the text is not scrolling.

Can you take another look at it and maybe lead me in the right direction? What I’m thinking is that Nivo slider is causing some sort of conflict. It seems that the previous web dev implemented Nivo directly by pasting the code into the template instead of using the plugin itself. I believe this is causing Nivo and Ditty to conflict somehow.

I’m not seeing any javascript errors on your homepage, but the ditty-news-ticker.js is definitely not firing for some reason. If you want I can take a look at your theme if you are willing to give me temporary WP admin access and FTP access. I’m not seeing any clearcut issues from viewing it from the front-end, so I’ll have to do some testing and looking at your code.

This sounds similar to my issue – Ticker Text not visible

There’s some combination of constraints or requirements for jquery that some templates are not meeting.

jono20001, for some reason the ticker text around was being given a height and width of zero. The author of the plugin and I talked and he was able to resolve this. See his email to me below:

I think I have resolved the issue. I had to modify my Ditty News Ticker jQuery script to replace the outerWidth() function with width() and outerHeight() with height().

I’m still not quite sure which versions of jQuery have issues with outerWidth and outerHeight, but some difference on certain sites cause those functions to just return 0 as opposed to the width/height.

(Con’t)

But, resolving this issue mainly came from experience using jQuery and remembering that I’ve had issues with outerWidth() and outerHeight() before. So, I just swapped all those out and tested.

This is what worked in my case. However yours may be different. I hope you get it resolved because Ditty News Ticker is an excellent plugin.

HTH

yes thank you.

in my case if i have
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>

beneath my jquery windows.onload function which refers to ditty then nothing displays,

if i remove this 1.9.1 ref then ditty works fine. the rest of the site not so much….

do you have any updated scripts i could try?

outerwidth and height are referenced in jquery.touchSwipe.min.js – do you have an updated file??

or if the dev wants to help out… would love to have some assistance!

The outerwidth was resolved by initiating the ticker on (window).load() as opposed to (document).ready()… As javascript wasn’t able to detect the full outerwidth/height of elements before the page fully rendered.

I know this is an old ticket, that I believe was resolved (I’ll check the resolved tick).

jono20001, please refer back to your ticket to get your issue resolved. I’m pretty sure it is a javascript error that you’re dealing with but without being able to view your site it’ll take a bit longer to resolve.