Tıklama background-position tutarı ekleme (jQuery)

1 Cevap php

Ben js ve jquery için oldukça yeni yani ayı ile beni lütfen.

Ben # button1 tıklarken plan-konumunu değiştirmek ve # div1 1% eklemek istiyorum ve almak -1% # div1 üzerinde # button2 tıklarken ediyorum

Nasıl jQuery bu başarmak olabilir?

Alse, bonus question: These are going to get dynamically generated through php. Is it possible to use php in the js-script so the id's get correct?

gibi bu:

$i = 1
while($i <= 5):
 $div[$i] = 'div'.$i;
 $leftbutton[$i] = 'leftbotton'.$i;
 $rightbotton[$i] = 'rightbotton'.$i;
$i++;
endwhile;

Else Ben de js döngüler yapmak için öğrenmek gerekir ;)

Edit: soruları Takip:

I düğmelerini tıklatın olarak nasıl ben bu değere sahip bir metin alanını güncelleyebilirsiniz? Ben de yukarı / aşağı düğmeleri eklemek istiyorsanız Ve ben, onu nasıl değiştirebilirim? teşekkürler demet!

Thanks in advance! -Simon

1 Cevap

Bu gibi:

function makeClicker(index) {
    $('#leftbutton' + index).click(function() {
        var bPos = $('#div' + index).css('background-position');
        bPos = bPos.replace(/%/g, '').split(' ');
        bPos = (-1 + parseInt(bPos[0], 0)) + '% ' + bPos[1] + '%';
        $('#div' + index).css('background-position', bPos);
    });
    $('#rightbutton' + index).click(function() {
        var bPos = $('#div' + index).css('background-position');
        bPos = bPos.replace(/%/g, '').split(' ');
        bPos = (1 + parseInt(bPos[0], 0)) + '% ' + bPos[1] + '%';
        $('#div' + index).css('background-position', bPos);
    });
}

for(var i = 1; i <= 5; i++)
    makeClicker(i);

EDIT: Sabit hatalar.

Demo

etiketler