Question

我正在使用jquery colorbox＆＃39; inline＆＃39;。它是从特定链接首次开放。

<a class="addFile inline"  href="#inline_content">
     <img src="img/nav-icons/icon_plis.png" alt="">
     Add File
</a>

将jquery写在

上

$(".inline").colorbox({inline:true, width:"40%",href:"#inline_content"});

但是当我尝试从同一页面上的不同链接打开另一个内联内容（#inline_content2）时，之前的内联内容（#inline_content）正在打开。请帮我解决这个问题。 -Thanks

Answer 1

在

的点击事件中

$('.inline').on('click',function(e){
    e.preventDefault();
    $(this).colorbox({inline:true, width:"40%",href:$(this).attr("href")});
});

或者您可以使用.each（）;

$('.inline').each(function(){
    $(this).colorbox({inline:true, width:"40%",href:$(this).attr("href")});
});

如果它们都不起作用，则为每个锚点制作一个特定的类

$(".inline").colorbox({inline:true, width:"40%",href:"#inline_content"});
$(".inline1").colorbox({inline:true, width:"40%",href:"#inline_content1"});
$(".inline2").colorbox({inline:true, width:"40%",href:"#inline_content2"});
... etc

jquery colorbox＆＃39; inline＆＃39;模态开放仅限第一次

1 个答案: