[JavaScript][jQuery]jak wmixować zmienną JS do obiektu DOM jQuery, czy mozna Opcje

[fate]

niedamrady

CODE

var tablica = ["0", "1", "2", "3", "4"];
var index;
for (index = 1; index < 5; ++index)
{



$(function() {

var $grid = $('#tp-grid'+tablica[index]),
$name = $('#name'+tablica[index]),
$close = $('#close'+tablica[index]),

....
}

mam id #tp-grid1 #tp-grid2 #tp-grid3 #tp-grid4 close i name podobnie
funkcja jQuery nad ktora pracuje wyglada tak że jest 4x to samo tylko zmieiają się te ID no i działa, ale nie moge spać wiedzac ze da sie to uproscic
Zaczalem uczyc sie wiec tablic,petli JS i laczenia i wykombinowalem po wielu probch powyzsze.

Można wmiksowywać w te jQuerowe vary coś poza 'tekstem' (IMG:style_emoticons/default/questionmark.gif)
(IMG:style_emoticons/default/sciana.gif)

[Pyton_000]

A co to to ma robić ?
Może starczy np.

[HTML] pobierz, plaintext 
$('div[id^="tp-grid"]....
[HTML] pobierz, plaintext 

[fate]

to jest to
http://tympanus.net/Development/Stapel/
tyle zmergowane z tym
http://themeforest.s3.amazonaws.com/116_pa.../tut-index.html

dlatego zrobily mi sie 4 gridy bo 2 druga strone mi nie poszło,
a co konkretnie robi to Twoje bo probuje sie domyslec, znaleźć ale nadal nie wiem i intuacja podpowiada mi ze to nie wystarczy:)

[Pyton_000]

Pokaż jedną kompletną funkcję

[fate]

Dzięki za zainteresowanie

[HTML] pobierz, plaintext 
$(function() {
 
				var $grid = $( '#tp-grid' ),
					$name = $( '#name' ),
					$close = $( '#close' ),
					$loader = $( '<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><span>Loading...</span></div>' ).insertBefore( $grid ),
					stapel = $grid.stapel( {
						randomAngle : true,
						delay : 50,
						gutter : 70,
						pileAngles : 5,
						onLoad : function() {
							$loader.remove();
						},
						onBeforeOpen : function( pileName ) {
							$name.html( pileName );
						},
						onAfterOpen : function( pileName ) {
							$close.show();
						}
					} );
 
				$close.on( 'click', function() {
					$close.hide();
					$name.empty();
					stapel.closePile();
				} );
 
			} );
 
[HTML] pobierz, plaintext 

numerki są przy #grid, #close, #name

[Pyton_000]

I jeszcze strukturę HTML pojedynczego Grida i całej otoczki która jest niezbędna

[fate]

widać można, dziś znalazłem takie coś:
http://stackoverflow.com/questions/5891840...query-selectors

w domu wypróbuje, jak nie zadziała to podeślę paczuszkę do zabawy.

Prawdopodobnie chodzi o to ze przy loopowaniu zostaje dzialajaca tylko ostatnia funkcja z ostatnim indexem przy gridzie.
Sama składnie z 1 posta jest ok

Co zaś tu jest nie tak:

[HTML] pobierz, plaintext 
	var $
grid=[];
//lub
	var $grid=["","","","",""];
 
var $grid[index] = $( '#tp-grid' + index ),
//lub
var $grid+index = $( '#tp-grid' + index ),
//jak to ugryść O.o
 
[HTML] pobierz, plaintext 

SyntaxError: missing ; before statement

(IMG:style_emoticons/default/co_jest.gif)

ROZWIĄZANIE:
Zamiast loopować w JS trzeba było użyć
http://api.jquery.com/jQuery.each/

Dla pytona 1plusik za chęci

[HTML] pobierz, plaintext 
$.each([ 1, 2, 3, 4 ], function( index, value ) {
	$(function() {
 
	var $grid = $( '#tp-grid' + value ),
	$name = $( '#name' + value ),
	$close = $( '#close' + value ),
	$loader = $( '<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><span>Loading...</span></div>' ).insertBefore( $grid ),
	stapel = $grid.stapel( {
		randomAngle : true,
		delay : 50,
		gutter : 70,
		pileAngles : 5,
		onLoad : function() {
		$loader.remove();
		},
		onBeforeOpen : function( pileName ) {
		$name.html( pileName );
		},
		onAfterOpen : function( pileName ) {
		$close.show();
		}
	} );
 
	$close.on( 'click', function() {
	$close.hide();
	$name.empty();
	stapel.closePile();
	} );
 
	} );
 
});
[HTML] pobierz, plaintext