Troubles with bind('click') in IE ?
Hi I have been banging my head over a small piece of jQuery I have written to use for navigation.
basically I am binding a click function to <li>,
based on what <li> was clicked it opens its respected "grow div", then fades content in.
I work on a mac desktop, non intel based, which I am unable to use to debug IE. I have to run to remote locations to test, then run back and attempt to fix. However the local library doesn't allow me to debug what soever, so I have ran myself into a corner!
I have had this problem before, however i fixed it from moving from .click() to .bind('click'), so why would it stop working? I have only adjusted minor lines of code ( added: if(to check if counter ==2) basically to hide a div layer on case studies so it would allways revert to main case studies menu)
LIVE :
http://danthedesignman.com/c2/html/
LIVE JS:
http://danthedesignman.com/c2/html/js/navigation.js
$(document).ready(function() {
$('#grow1, #grow2, #grow3, #grow4').hide();
$('#content1, #content2, #content3, #content4').hide();
var fSpeed = 400;
function openDiv(g, c) {
$(g).animate({width: 560}, 'slow');
$(g).animate({height: 406, top: 0}, 'slow', function(){$(c).fadeIn(fSpeed)});
if(counter == 2){
$('#caseMenu').show();
$('#case').hide();
}
};
function closeDiv(pG, pC, pT) {
$(pC).fadeOut(fSpeed).hide();
$(pG).animate({height: 10, top: pT}, 'slow');
$(pG).animate({width: 0}, 'normal');
};
var counter = 0;
$('#navbox .button').bind('click', function() {
var clicked = $(this).attr('id');
var bNum = clicked[3];//get number from id tag
b = '#but' + bNum;
g = '#grow' + bNum;
c = '#content' + bNum;
if(counter == 0){
$(b).addClass('buttonSelected');
openDiv(g, c);
counter = bNum;//sets count to the button that was pressed
}
else {
var topPositions = ['0', '100', '200', '300'];
var pT = topPositions[counter - 1];
var pB = '#but' + counter;
var pG = '#grow' + counter;
var pC = '#content' + counter;
$(pB).removeClass('buttonSelected');
$(b).addClass('buttonSelected');
closeDiv(pG, pC, pT);
openDiv(g, c);
counter = bNum;//sets count to the button that was pressed
}
});
});
please let me know if you see any reason why this bit of code would not be linking to the <li>'s in IE?
thanks!