SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    91
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    JavaScript conflict...browser opens new page

    I've tried debugging my site by removing other conflicting JS, but still having issues with JQuery.

    The problem:
    Browser opens a new page when a node is clicked on the map
    http://www.pcigeomatics.com/index.ph...d=48&Itemid=13

    This is how it should function:
    http://www.pcigeomatics.com/myInteractiveMap/

    Any help on this subject would be greatly appreciated as I've been trying to get this to work for over 2 weeks now.

  2. #2
    SitePoint Guru Jason__C's Avatar
    Join Date
    Oct 2009
    Location
    Racoon City
    Posts
    660
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    You need to call: preventDefault() in:

    Code:
    $("ul.tabs li").click(function(event) {
    	event.preventDefault();
    	$("ul.tabs li").removeClass("active"); //Remove any "active" class
    	$(this).addClass("active"); //Add "active" class to selected tab
    	$(".tab_content").hide(); //Hide all tab content
    	
    	var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    	$(activeTab).fadeIn(); //Fade in the active ID content
    	return false;
    	});
    Chuck Norris is so tough,
    mosquitos ask for permission before they bite him

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    91
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not sure if I've inputted the code correctly because I am still getting the error:

    Code:
    <script>
    	$(document).ready(function() {
    		//When page loads...
    		$(".tab_content").hide(); //Hide all content
    	
    		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
    	
    		$(".tab_content:first").show(); //Show first tab content
    	
    		$("ul.tabs li").click(function(event) {
    				   
    			event.preventDefault();
    				
    				$("ul.tabs li").removeClass("active"); //Remove any "active" class
    		
    				$(this).addClass("active"); //Add "active" class to selected tab
    		
    				$(".tab_content").hide(); //Hide all tab content
    		
    				var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    		
    				$(activeTab).fadeIn(); //Fade in the active ID content
    	
    				return false;
    
    				});
    			});
    </script>


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
  •