SIFR e jQuery: substituindo dinamicamente o texto

Question

Eu tenho um problema. Gostaria de atualizar um contador (visto pelo usuário como ele é exibido em uma certa div) quando um botão é pressionado. Então isso acontece quando o botão é pressionado:

$("#photo-counter span").empty().append((start_index+1)+"-"+(end_index+1)+" / "+files.length);  
sIFR.replace(netto, { selector: "#photo-counter span"});

Como na primeira vez, isso funciona automaticamente e tudo funciona bem, mas quando clico no botão div não é substituído por sIFR.

Alguém pode ajudar?

Answer 1

Você pode realmente fazer isso:

sIFR.replacements["#photo-counter span"][0].replaceText((start_index+1)+"-"+(end_index+1)+" / "+files.length);

Não há necessidade de atualizar o HTML, o SIFR cuida de tudo isso para você.

Answer 2

Mais código pode ser útil para resolver isso.

Enfim, aqui está uma foto:

Altere seu clique para um clique ao vivo:

$('#yourElement').live('click', function(){
    $("#photo-counter span").empty().append((start_index+1)+"-"+(end_index+1)+" / "+files.length);  
    sIFR.replace(netto,{
        selector: "#photo-counter span"
    });
});

Espero que isto ajude!

Answer 3

Aqui está o código completo:

$("#arrow-left").mouseup(function() {
if(!$("#frame > *").is(":animated") && status != "fullscreen"){
$(this).css({"opacity":"1.0"});

arrowClick("left");
}};

function arrowClick(direction) {
(...) /* i dont think the problem is located somewhere here */
refreshCounter(start, end);
(...)
}

function refreshCounter(start_index, end_index) {
if(files.length > 0) {
start_i = start_index;
end_i = end_index;
if(start_index !=null && end_index != null) {
$("#photo-counter span").empty().append((start_index+1)+"-"+(end_index+1)+" / "+files.length);  
sIFR.replace(netto, { selector: "#photo-counter span"});
}
}