Jquery ui, joomla and safari problem -

I have a jquery ui slider that scrolls the contents of a div when it is moved, this code is :

  var parahite = $ ("#dePara"). Height (); Var maxScroll = Parahite-250; Var activeSolol; If (maxScroll and lt; = 0) {// nothing} Second {$ ("# slider2"). {{Orientation: "vertical", minimum: 0, animate: true, maximum: maximumcroll, value: maximum scroll, slide: function (event, UI) {$ ("#despara"). Stop (.) Chetan ({' Below ': (-E.V.V. + Maxcoll) +' PX '}, 1000);}}); }  

It works fine in Firefox but not in Safari / Chrome What happens in safari and chrome, when the slider clicks on the rail and when the page load is not loaded, the slider is operated, it can not be dragged, yet clicking on the slider rail

This problem is obvious only when CMS is used in Joomla, outside of this CMS, it works perfectly in all browsers. strange.

Does anyone have any such problem? It would be really helpful, thanks.

Joomla often help you along with some simple javascript content. One of the major issues with it is that while using jQuery, $ is reserved for jQuery's mootools instead of the alias, here are some solutions.

Option 1:

If you know that you still need a mute, then jQuery () function $ () instead of:

  var Parahite = jQuery ("# ​​descPara"). Height (); ... jQuery ("# ​​Slider 2"). Slider ({Orientation: "vertical", minimum: 0, live: true, maximum: maximum scroll, value: max scroll, slide: function (event, UI) {jQuery ("# ​​descPara") .stop (). {'Down': (-E.V.V. + MaxScroll) + 'PX'}, 1000);}});  

Option 2:

Just get rid of mootools. This is a fix in PHP. You can use it to get mootools to get the output from the web page (and later by interfering with your jQuery):

  & lt ;? Php $ user = & amp; JFactory :: getUser (); If ($ user- & gt; receive ('guest') == 1) {$ headers = $ this-> GetHeadData (); $ Header ['script'] = array (); $ This- & gt; SetHeadData ($ header); }? & Gt;