将 jquery 脚本应用于追加的数据

Apply jquery script to appended data

本文关键字：数据 追加 应用于 jquery 脚本      更新时间：2023-09-26

我有一个脚本，可以附加一些json数据。在附加的数据中，我在链接上有一个类，该类应该停止该链接以转到 url。问题是我认为jquery不适用于附加的数据，我不知道如何使其工作。这是我的代码附加数据：

<script>
$(".filtru").click(function(e){
    e.preventDefault();
    var href = $(this).attr(''href'');
    $.getJSON(href, function(data) {
                        $("#rest").empty();

                        $.each(data, function(key, val) {
                                $("#rest").append(''<li> <a href="http://carulcuflori.rezerv.city"><div class="foto_local span3"><h2>''+ val.denumire + ''</h2></div></a><div class="continut1 span5">'
    <div class="continut2">'
    <ul>'
    <li><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> ' +val.address +''</li>'
    <li><span class="glyphicon glyphicon-time" aria-hidden="true"></span> L-V: 06-01&nbsp&nbspS: 06-23&nbsp&nbspD: Inchis</li>'
    <li><span class="glyphicon glyphicon-phone-alt" aria-hidden="true"></span> 0351.44.42.43 / 0767.226.224 </li>'
    <li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> carulcuflori@yahoo.com </li>'
    </ul>'
    </div></a>'
    </div>'
     <div class="navigation span5">'
     <div id="pagenav" class="menu_mic">'
     <ul class="nav menu">'
     <li class="item-466 color7 home1" data-open-text="Inchide"><a href="http://rezerv.city/engine/app/maps.php?id='' + val.id + ''" class="locatie"><img src="images/locatie.png" alt="Locatie"><span class="image-title">Locatie</span> </a></li>'
     <li class="item-466 color8 home1"  data-open-text="Inchide"><a href="#"><img src="images/galerie.png" alt="Galerie foto"><span class="image-title">Galerie Foto</span> </a></li>'
     <li class="item-466 color9 home1"  data-open-text="Inchide"><a href="#"><img src="images/facebook.png" alt="Facebook"><span class="image-title">Facebook</span> </a></li>'
     </ul>'
     </div>'
     </div></li>'');
                        });
                        $(''#rest'').paginate({itemsPerPage: 2});
                });
});
</script>

这是应该停止类定位以转到 URL 的脚本

<script>
$(".locatie").click(function(e){
    e.preventDefault();
    var href = $(this).attr(''href'');
    $.getJSON(href, function(data) {
$(''#myModal2'').modal(''show'');
    $(''.modal-body'').html(data.map);
     });
      });
</script>

Groetjes.

您不能在动态创建的元素上以这种方式使用"单击"。我使用类似的东西： 

$('body').on('click','.locatie',function(e){
  e.preventDefault();
   var href = $(this).attr('href');
    $.getJSON(href, function(data) {
   $('#myModal2').modal('show');
    $('.modal-body').html(data);
     });
      });
相关文章：