Question

我正在使用jQuery Popup Overlay - http://www.jqueryscript.net/demo/Responsive-Accessible-jQuery-Modal-Plugin-Popup-Overlay/

不是将弹出内容嵌入到html中，而是希望在点击时从另一个页面获取它。我有努力获取点击内容，但问题是我使用4弹出tablinks，如果我点击一个然后另一个我得到重复的结果。我尝试使用.one点击和切片，但都没有用。

这是html和脚本

<td>

如果我点击tablink.rafters_btn_open，然后点击其他任何一个，然后点击tablink.rafters_btn_open我开始获得2,3,4份内容。有什么建议吗？

Answer 1

尝试将类添加到单击元素

$('.tablink').on('click',function(){
     var Thisit = $(this);
     if(!Thisit.hasClass('clicked')){
      $.get('http://mysite.page2.com', function (data) {
         $(data).find('#rafters').appendTo('#rafters_btn');
         $(data).find('#hof').appendTo('#hof_btn');
         $(data).find('#alphacup').appendTo('#alpha_btn');
         $(data).find('#postseason').appendTo('#postseason_btn');
         $('.tablink').removeClass('clicked');
         $(this).addClass('clicked');
       });
     }
});

Answer 2

最好只将一次数据与页面一起加载：

$(function ()
{
  $.get('http://mysite.page2.com', function (data) {
     $(data).find('#rafters').appendTo('#rafters_btn');
     $(data).find('#hof').appendTo('#hof_btn');
     $(data).find('#alphacup').appendTo('#alpha_btn');
     $(data).find('#postseason').appendTo('#postseason_btn');
  });
});

jQuery popup overlay - 获取内容

2 个答案: