SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    May 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery Plugin Compatability

    I am trying to run two different plugins, they both work individually or together in ie8 and ff, but not at the same time in ie6 and ie7, can anybody help?

    Header code below? can post link due to nda.

    Code:
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/easySlider1.7.js"></script>
    <script>
             $j = jQuery.noConflict();
             
             $j(document).ready(function(){   
                $j("#slider").easySlider({
                auto: true,
                continuous: true,
       
                });
            });
    </script>
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>               
    <script>
           
            $(function(){
                // Tabs
                $('#tabs').tabs();
                   
            });   
    </script>
    Thanks

  2. #2
    Function Curry'er JimmyP's Avatar
    Join Date
    Aug 2007
    Location
    Brighton, UK
    Posts
    2,006
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you've got two different versions of jQuery running on the same page, then you're doing it wrong. I wish I could be more helpful, but the actual problem could be dependent on any number of implementation details of either plugin. I would first make sure that you get the latest versions of both plugins, and make sure they both work with the latest version of jQuery.
    James Padolsey
    末末末末末末末末末末末末末末末末末末末
    Awesome JavaScript Zoomer (demo here)
    'Ajaxy' - Ajax integration solution (demo here)

  3. #3
    SitePoint Member
    Join Date
    May 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The plugins both work with "jquery-1.3.2.min.js" when on their own, but when you put the two together only one will work.

    Using this script only the easySlider plugin will work:
    Code:
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>	  
    <script type="text/javascript" src="js/easySlider1.7.js"></script>
    <script>
    		
       	$j = jQuery.noConflict();
    	$j(document).ready(function(){	
    		$j("#slider").easySlider({
    		auto: true,
    		continuous: true,
    	
    		});
    	});
    		
    	$(function(){
    		// Tabs
    		$('#tabs').tabs();
    				
    	});	
    </script>

  4. #4
    Programming Since 1978 silver trophybronze trophy felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, NSW, Australia
    Posts
    16,785
    Mentioned
    25 Post(s)
    Tagged
    1 Thread(s)
    You need to find a version of JQuery which will run both of the extensions. Have you tried the latest version?
    Stephen J Chapman

    javascriptexample.net, Book Reviews, follow me on Twitter
    HTML Help, CSS Help, JavaScript Help, PHP/mySQL Help, blog
    <input name="html5" type="text" required pattern="^$">

  5. #5
    SitePoint Member
    Join Date
    May 2010
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have tried the latest and neither of them work with it.

    They both work with jquery-1.3.2.js, im not sure if i am getting my no conflict code correct. Could it be that these two plugins arent compatible?

    Any help very much appreciated

    Edit: i have got both to work with ff and ie8, but they both wont work together in ie6 and ie7 any thoughts?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •