jquery动态加载弹出窗口

时间:2018-05-19 15:31:17

标签: javascript jquery html popup

我正在尝试使用链接动态加载网页并且工作正常似乎忽略了弹出角色/ rel。

我的divs与此有什么关系?

任何人都可以帮助我吗?

$("#button").click(function() {

  var term = $('#term').val();

  var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
  $.getJSON(flickerAPI, {
      tags: term,
      tagmode: "any",
      format: "json"
    })

    .done(function(data) {
      $.each(data.items, function(i, item) {


        $("#theLinks").append('<a href ="#photo' + item.media.m + '" data-rel="popup" data-position-to="window"> Open pop-up ' + (i + 1) + ' </a> <br> ');

        $("<img>").attr("src", item.media.m).appendTo("#thePopups").wrap('<div data-role="popup" id="photo' + item.media.m + '"></div>');


        if (i === 10) {
          return false;
        }
      });
    });

})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

<div id="theLinks">

</div>


<div id="thePopups">

</div>

0 个答案:

没有答案