hi brothers developers, need changing attr in jquery, have list of apartments info , photos , change information after click on apartment name, wrote function works once, nothing happens on second click, there missing ??
html
<!-- apartments list --> <li id="lokal_01">rzut</li> <li id="lokal_02">rzut</li> <li id="lokal_03">rzut</li> <li id="lokal_04">rzut</li> <!-- container of informations --> <div id="oferta_lokal_" class="szczegoly"> <div class="close" title="zamknij"></div> <div class="pdf"><a href="" onclick="this.target='_blank'"></a></div> <div class="potoki-logo">potoki residence mokotów</div> <div class="liquid-slider" id="slider_lokal_"> <div><h2 class="title">rzut</h2><img class="rzut" src=""></div> <div><h2 class="title">lokalizacja</h2><img class="lokalizacja" src=""></div> </div> </div> jquery
$.each(['01','02','03','04','05','06','07','08','09','10','11','12','13','14','15','16','17','18','19','20','21','22','23','24'], function (index, value) { $('#lokal_' + value).on('click', function(){ $('#oferta_lokal_').attr('id','oferta_lokal_'+value); $('#slider_lokal_-wrapper').attr('id','slider_lokal_'+value+'-wrapper'); $('.pdf a').attr('href','img/rzuty/lokal_'+value+'.pdf'); $('#slider_lokal_').attr('id','slider_lokal_'+value); $('img.rzut').attr('src','img/rzuty/lokal_'+value+'_rzut.jpg'); $('img.lokalizacja').attr('src','img/rzuty/lokal_'+value+'_lokalizacja.jpg'); $('#oferta_lokal_' + value).show(); }); });
because change id attributes can no longer select them:
$("#oferta_lokal_").attr("id", "oferta_lokal_" + value) at time, #oferta_lokal_ not exist, won't found when click again. i'm not sure why need change id, avoid doing so. instead, add/toggle class or use dataset attribute (.data("id", value))
Comments
Post a Comment