Two jquery webparts on same page. one not working

You are loading two different jquery files with different file names (means both will be loaded by the browser). The one jquery will override the other on runtime.

I think while the first jQuery is waiting for the DOM to be ready, it will be overwritten by the second jQuery.

=> so the $(document).ready of one of the webparts will never be called because the "old" jQuery object does not exist anymore.

If you have full control of the webpart's code, then don't use $(document).ready!

Code of Weather Webpart:

function InitializeWeatherWebpart() { /* Code, which would be in the callback function of $(document).ready */ } // Add the following methods the the list of functions being called when DOM is ready _spBodyOnLoadFunctionNames.push('InitializeWeatherWebpart'); 

Code of Scroller Webpart:

function InitializeScrollerWebpartBtwImUnique_MaybeWithAGuid() { /* Code, which would be in the callback function of $(document).ready */ } // Add the following methods the the list of functions being called when DOM is ready _spBodyOnLoadFunctionNames.push('InitializeScrollerWebpartBtwImUnique_MaybeWithAGuid'); 

If you do it so, you are not dependent of a jQuery waiting for a ready DOM. SharePoint can do it also very good.

You are loading 2 instances of jQuery and that is what is breaking.

I would either include the jQuery reference on your master page or in your page layout. Then your javascript for your web parts don't need to load it.

Putting the jQuery script tag in the master page should work. Try a complete hard coded URL of the script file to be sure there is not a problem with the relative address parsing. So something like src="http://........./Style Library/NewsTicker/Scripts/jquery.js" (replace the "........." with the appropriate site collection and site path)

Then don't forget to remove the script tag from your webparts!

But no matter what, one way to avoid loading the jQuery library twice is to include this in your script:

if(typeof jQuery=='undefined'){ var jQueryLib = 'http://........./Style Library/NewsTicker/Scripts/jquery.js'; document.write('<script src="',jQueryLib,'" type="text/javascript"><\/script>'); } 

The jQuery library will only be loaded if it is not found already.

The _spBodyOnLoadFunctionNames suggestion is a good standard to use in SharePoint instead of the $(document).ready

You can find lots of examples of that by googling it

Try generating relative URL for you js in your masterpage.

<SharePoint:ScriptLink Language="JavaScript" Name="~Site/SiteAssets/File.js" runat="server" OnDemand="false"></SharePoint:ScriptLink> 

Or

<script type="text/javascript" src='<asp:Literal runat="server" Text="<%$SPUrl:~Site/%>" />SiteAssets/File.js'></script> 

Check out following link:

http://customsp.blogspot.com/2014/10/relative-path-in-sharepoint.html