Never mind, it should have been obvious, the object properties weren't
in my document.ready
On Sep 16, 10:31 am, pantagruel <rasmussen.br...@gmail.com> wrote:
> Hi,
>
> I have some selectors - an example would be $("#LinkToPreviousHit")
> all of which work fine when used directly.
>
> If I use it to toggle the class, which also works, I might do -
> $("#LinkToPreviousHit").attr({"class": "activeNavButton"});
>
> since I am using my selectors in multiple places I figured I would
> remove the multiple class to the selector and move it into an object -
> here is what I have (names will probably be changed when working)
>
> var NavDisplay = {
> NextHitB: $("#LinkToNextHit"),
> LastHitB: $("#LinkToPreviousHit"),
> ToggleNext: function(switcher){
> if(typeOf(switcher)==='undefined' || typeOf(switcher) === null){
> switcher = Boolean(!navTrack.NextHitInactive);}
>
> if(switcher){
>
> navTrack.NextHitInactive = true;
> NavDisplay.NextHitB.attr({"class":
> "inactiveNavButton"});
>
> }else{
> navTrack.NextHitInactive = false;
> NavDisplay.NextHitB.attr({"class":
> "activeNavButton"});
> }},
>
> ShowPrevious: function(switcher){
> if(typeOf(switcher)==='undefined' || typeOf(switcher) === null){
>
> switcher = Boolean(!navTrack.HasPrevious);}
>
> if(switcher){
>
> if(!navTrack.HasPrevious){
>
> NavDisplay.LastHitB.attr({"class": "activeNavButton"});
>
> navTrack.HasPrevious=true;
> }
>
> }else{
>
> if(navTrack.HasPrevious){
>
> NavDisplay.LastHitB.attr({"class":
> "inactiveNavButton"});
> navTrack.HasPrevious=false;
> }
> }
>
> }
> };
>
> I have also tried using it as window.NavDisplay with no result. There
> are no errors raised and the properties of the navTrack object are
> changed correctly. However the class is never switched between
> inactiveNavButton and activeNavButton or vice versa. As soon as I use
> the selectors directly - for example as in the following:
>
> var NavDisplay = {
> NextHitB: $("#LinkToNextHit"),
> LastHitB: $("#LinkToPreviousHit"),
> NextHitInactive: function(){
> navTrack.NextHitInactive = true;
> NavDisplay.NextHitB.attr({"class":
> "inactiveNavButton"});
> },
> ToggleNext: function(switcher){
> if(typeOf(switcher)==='undefined' || typeOf(switcher) === null){
> switcher = Boolean(!navTrack.NextHitInactive);}
>
> if(switcher){
>
> navTrack.NextHitInactive = true;
> $("#LinkToNextHit").attr({"class":
> "inactiveNavButton"});
>
> }else{
> navTrack.NextHitInactive = false;
> $("#LinkToNextHit").attr({"class":
> "activeNavButton"});
> }},
>
> ShowPrevious: function(switcher){
> if(typeOf(switcher)==='undefined' || typeOf(switcher) === null){
>
> switcher = Boolean(!navTrack.HasPrevious);}
>
> if(switcher){
>
> if(!navTrack.HasPrevious){
>
> $("#LinkToPreviousHit").attr({"class":
> "activeNavButton"});
>
> navTrack.HasPrevious=true;
> }
>
> }else{
>
> if(navTrack.HasPrevious){
>
> $("#LinkToPreviousHit").attr({"class":
> "inactiveNavButton"});
> navTrack.HasPrevious=false;
> }
> }
>
> }
> };
>
> then it works fine.
>
> Is there any reason why my current caching of the selector is not
> working? And is there any way you can suggest whereby I can cache my
> selector that will work?
