Question

我有一个链接，可以在点击时加载弹出窗口：

然后我有一个div让我们说

它使用此代码：

function loadPopup(){  
    if(popupStatus==0){  
        $("#popup1").fadeIn("slow");  
        $("#popup1").fadeIn("slow");  
        popupStatus = 1;  
    }  
} 

$("#link1").click(function(){     
    loadPopup();  
});

我只知道在点击link1时如何使用jQuery点击打开一个框但是如果我有多个链接，我不想创建多个jQuery点击链接，那么是否有最简单的方法做到了吗？

我知道上面的内容不会与我想要的一起工作，但不知道如何使其适应多个链接，我在这里找了一些很好的例子，但不能让他们工作。

我想让我们说link1打开popup1，link2 top open popup2等都是id＆＃39;

Answer 1

看一个例子

          <a href="javascript:void(0);" id="link_1" class="linkToClick">Link 1 </a>
          <div id="popup_1"> <!-- your content here --> </div>   

          <a href="javascript:void(0);" id="link_2" class="linkToClick">Link 2 </a>
          <div id="popup_2"> <!-- your content here --> </div>

现在Jquery代码可以是：

                   $(document).on('click','.linkToClick',function(e){
                         var id = $(this).attr('id');
                         var popupId = "popup"+id.replace(/link/,""); // id.replace(/link/,"popup");
                         $('#'+popupId).fadeIn('show');
                   });

您必须使用id属性中的公共号码为每个链接创建一个div。把一个共同的课程链接起来说“linkToClick”＆＃39;在例子中。使用链接ID生成弹出式div id并显示它。

Answer 2

在链接中添加相同的假css类，然后就可以使用

$(".somecssclass").click(function(){     
    loadPopup();  
});

Answer 3

尝试使用它

$("#link1").on('click',loadPopup);

点击ID以显示相关的div id

3 个答案: