jquery id in variable name

Question

I am building a jquery slider, and i am having troubles with one global variable. I can not use it as local in my case. I am using multiple sliders on one page so this global variable EndPosition should be different from slider to slider.

$.fn.slider = function(id) {        
    var SliderID = id;
    EndPosition = (VisibleWidth - TotalWidth); //End position for sliding

Is there a way to pass an id to variable name, something like EndPosition+id so i can use it like that in other parts of code, for example here

if (NewPosition <= EndPosition+id){
                RightNav.addClass('disabled');    
            }

Thank you all for your answers, i will check them now.

user2406735
– user2406735

2014-01-05 22:12:57 +00:00
Commented Jan 5, 2014 at 22:12 — user2406735
– user2406735, Commented Jan 5, 2014 at 22:12

RichieHindle · Accepted Answer · 2014-01-05 22:07:45Z

2

It would be cleaner to use an object to contain your end positions, rather than using multiple global variables:

var EndPositions = {};

// ...

EndPositions['id_one'] = 10;
EndPositions['id_two'] = 20;

// ...

if (NewPosition <= EndPositions[id]){
    RightNav.addClass('disabled');    
}

answered Jan 5, 2014 at 22:07

RichieHindle

283k49 gold badges367 silver badges408 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ram · Accepted Answer · 2014-01-05 22:19:11Z

2

I'd suggest using an object and bracket notation:

var positions = {
   'endPosition1': 'foo',
   'endPosition2': 'bar'
}

var value = positions['endPosition' + id];

In case that your variables are global, you can access them like other properties but this time those are properties of the global window object:

window['EndPosition' + id];

If the ids are numeric you can also you a simple array:

var positions = ['foo', 'bar'];
positions[id];   
positions[id - 1]; // ?

edited Jan 5, 2014 at 22:19

answered Jan 5, 2014 at 22:06

Ram

145k16 gold badges174 silver badges201 bronze badges

Comments

Ludovic Guillaume · Accepted Answer · 2014-01-05 22:31:50Z

1

A cleaner way (IMO) :

$.fn.slider = function(...) {
    // ...
    $(this).data('end-position', visibleWidth - totalWidth);
    // ...
};

So if you did

$('.slider').slider(...);

You can access to the end-position variable like this

$('.slider').data('end-position');

EDIT:

If you need to find a slider's end position by id, you can do this this way :

<div class="slider" data-id="1"></div>

<script type="text/javascript">
$(document).ready(function() {
    $('.slider').slider(...);

    ... = $('.slider[data-id=1]').data('end-position');
});
</script>

edited Jan 5, 2014 at 22:31

answered Jan 5, 2014 at 22:25

Ludovic Guillaume

3,2872 gold badges26 silver badges43 bronze badges

Comments

Edgar Villegas Alvarado · Accepted Answer · 2014-01-05 22:06:02Z

0

Right, you can with:

window["EndPosition" + id]

so you'd have:

   if (NewPosition <= window["EndPosition" + id]) ...

window is the container for all global vars.

Cheers

answered Jan 5, 2014 at 22:06

Edgar Villegas Alvarado

18.4k2 gold badges45 silver badges61 bronze badges

1 Comment

zerkms Over a year ago

Why do you think the code is running in a global space not in some scope?

Mouhamed Halloul · Accepted Answer · 2014-01-05 22:08:04Z

-1

yes you can use json array you can do something like this :

var sliderObject = [
{ "EndPosition":VisibleWidth - TotalWidth }, 
{ "ID": id  }, 
];

And then just check ::

NewPosition <= sliderObject [EndPosition][0]

Take a look at : http://www.w3schools.com/json/json_syntax.asp

answered Jan 5, 2014 at 22:08

Mouhamed Halloul

2091 silver badge7 bronze badges

Collectives™ on Stack Overflow

jquery id in variable name

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related