Question

嗨我的兄弟开发者，我需要帮助改变jquery中的attr，我有一些公寓列表，其中包含一些信息和照片，我想在点击公寓名称后更改这些信息，我写了一个功能完美，但只有曾经，第二次点击没有任何反应，有什么我想念的吗？

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();
        });
    });

Answer 1

因为您更改了id属性，因此您无法再使用它们进行选择：

$("#oferta_lokal_").attr("id", "oferta_lokal_" + value)

目前，#oferta_lokal_不存在，因此再次点击它时将无法找到它。我不确定为什么你需要更改ID，但我会避免这样做。而是添加/切换类或使用数据集属性（.data("id", value)）

更改attr on click只工作一次

1 个答案: