Проблем с дублирането на слайдер?

[novakabg]

Добър ден имам един код за слайдер и проблема е че не иска да се дублира изпълнява се само един път когато се извика от двапати код отказва да работи.

http://jsfiddle.net/bahmvwrj/

 

[pix3l]

Не можеш да ползваш id повече от веднъж в един и същ HTML документ.

 

[novakabg]

Мм не пробвах братле, някви идея ?

Нещо от този вид ?

http://jsfiddle.net/ws5sk814/

 

[anonimen]

По-добре дай на линковете class="previous" и class="next"

Даже ще си спестиш подаването на бутоните към функцията. Като вместо да ги приемаш като параметри ще направиш нещо такова:

[js] $.fn.slider = function() {
prev = $(this).find('.previous');
next = $(this).find('.next');[/js]

A функцията ще я викаш така:

[js] $('.c').slider();
$('.t').slider();[/js]

И няма нужда от два пъти document.ready, както ти казаха в предишната тема ($(function(){}) е същото като $(document).ready(function(){});

 

[novakabg]

Това е ясно , просто показах за пример това е .... идея как да се справя със дублирането да си работи. трябва да направя за всеки клас така ли ? :lol:

 

[anonimen]

Това е ясно , просто показах за пример това е .... идея как да се справя със дублирането да си работи. трябва да направя за всеки клас така ли ? :lol:

Май да... не те разбирам много....

 

[novakabg]

Как да направя с един код

http://jsfiddle.net/bahmvwrj/

да се ползват два слайдера , искаш да кажеш че когато създам

$.fn.slider = function() {

     prev = $(this).find('.previous');

     next = $(this).find('.next');

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

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

И ги изпълнявам по този начин ще да работят и двата

 

[anonimen]

Е не става ли?

 

[novakabg]

Нещо не ми се получи... явно аз бъркам някъде.

 

[anonimen]

Нещо не ми се получи... явно аз бъркам някъде.

Дай в jsfiddle да видимкъде не става..

 

[novakabg]

http://jsfiddle.net/57vjxej1/

 

[anonimen]

http://jsfiddle.net/57vjxej1/

Е нали щеше да ги промениш на class, те се си още id-та.

 

[novakabg]

http://jsfiddle.net/cvh3Lnhm/ така как е ?

 

[anonimen]

http://jsfiddle.net/cvh3Lnhm/ така как е ?

Линковете трябва да ползват class, а не id-та.

Погледни това:
[js] //Добавено
prev = $(this).find('.previous');
next = $(this).find('.next');[/js]
то селектва елементи с class. Ти ползваш id-та.

Говоря за това:

<a href="" id="next">
<a href="" class="next">

 

[novakabg]

http://jsfiddle.net/4tsh9ku3/

Виж не работи

 

[anonimen]

http://jsfiddle.net/4tsh9ku3/

Виж не работи

Отвори конзолата (ctrl + shift + j в chrome), виж там, показва грешките:

Uncaught ReferenceError: sig is not defined

Ето тук:

[js] $(sig).click(function(e) {
[/js]
Ползваш несъществуваща променлива sig.