Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery colorbox“内联”模式仅首次打开_Javascript_Jquery_Jquery Plugins_Colorbox - Fatal编程技术网

Javascript jquery colorbox“内联”模式仅首次打开

Javascript jquery colorbox“内联”模式仅首次打开,javascript,jquery,jquery-plugins,colorbox,Javascript,Jquery,Jquery Plugins,Colorbox,我正在使用jquery colorbox“inline”。它是第一次从特定链接打开 <a class="addFile inline" href="#inline_content"> <img src="img/nav-icons/icon_plis.png" alt=""> Add File </a> 但是当我试图从同一页面上的不同链接打开另一个内联内容inline_content2时,前面的内联内容inline_content正在打

我正在使用jquery colorbox“inline”。它是第一次从特定链接打开

<a class="addFile inline"  href="#inline_content">
     <img src="img/nav-icons/icon_plis.png" alt="">
     Add File
</a>
但是当我试图从同一页面上的不同链接打开另一个内联内容inline_content2时,前面的内联内容inline_content正在打开。请帮我解决这个问题。 -感谢点击事件中的

$('.inline').on('click',function(e){
    e.preventDefault();
    $(this).colorbox({inline:true, width:"40%",href:$(this).attr("href")});
});
或者你可以使用。每个

$('.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

很抱歉它不起作用。。我试过$.inline.colorbox{inline:true,width:40%,href:inline\u content};$.inline2.colorbox{inline:true,宽度:40%,href:inline_content2};
$(".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