Skip to main content

Bug Tracker

Side navigation

#13206 closed bug (notabug)

Opened January 14, 2013 12:36PM UTC

Closed January 14, 2013 02:24PM UTC

jquery corner and sticky side bar conflict

Reported by: katiesimms@hotmail.com Owned by:
Priority: undecided Milestone: None
Component: unfiled Version: 1.2.6
Keywords: Cc:
Blocked by: Blocking:
Description

Hi am using the following sticky bar script which scrolls a div down a page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="http://www.profilepicture.co.uk/demos/stickybox/js/stickysidebar.jquery.js"></script>
<script src="http://www.profilepicture.co.uk/demos/stickybox/js/jquery.easing.1.3.js"></script>
<script>
  $(function () {
	$("#side").stickySidebar({
		timer: 400
	  , easing: "easeInOutQuad"
	});
  });
</script>

and I am using a jquery corner script

<script src="/shared/js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="/shared/js/jquery.corner.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">	
		/* input_id is the ID of the input element */
		/* container_class will let you control the text input background color and padding */
		/* border_class will let you control the border color */
		function roundInput(input_id, container_class, border_class){
			var input = $('#'+input_id+'');
			var input_width = input.css("width"); //get the width of input
			var wrap_width = parseInt(input_width) + 10; //add 10 for padding
			wrapper = input.wrap("<div class='"+container_class+"'></div>").parent();
			wrapper.wrap("<div class='"+border_class+"' style='width: "+wrap_width+"px;'></div>"); //apply border
			wrapper.corner("round 8px").parent().css('padding', '2px').corner("round 10px"); //round box and border
		}
		
		$(function(){
			roundInput('rounded_input1','rounded_container2','rounded_border');
			roundInput('rounded_input0','rounded_container2','rounded_border');
		});
</script>

but the two don't work together. Both work alone but not together.

Any ideas where the conflict is? I tried updating to the latest jquery version.

Attachments (0)
Change History (1)

Changed January 14, 2013 02:24PM UTC by dmethvin comment:1

resolution: → notabug
status: newclosed

Sounds like you are looking for forum.jquery.com or stackoverflow.com. This is the bug tracker for jQuery core.