Question

我正在使用带有来自bootstrap的tab-content的nav-tabs。

对于每个标签我说include_once（＆＃39; some_file.php＆＃39;）;

该文件获取数据库信息，它包含需要我的jquery代码才能工作的内容。

现在，当我在第一个选项卡上时它起作用，但是当我打开第二个选项卡并且由此包含一个具有相同内容且需要我的jquery代码的文件时，单击该内容时内容将在第一个div中打开，而不是在第二个div中打开。 / p>

如果你明白我在说什么。

我想知道在标签处于活动状态时是否有取消包含文件的方法但是通过PHP？

其他解决方案是为每个标签以相同的方式制作不同的jquery代码，并为每个标签更改内容，这是很多代码。

我制作了JS FIDDLE，您可以尝试打开名为照片的tab2，点击＆＃34下的文字;点击此处＆＃34;什么都不会发生，但在点击第一个标签后，内容将显示为出现。

JSFIDDLE CHECK PLEASE

<ul class="nav nav-tabs">
    <li class="active"><a data-toggle="tab" href="#all">All</a></li>
    <li><a data-toggle="tab" href="#p">Photos</a></li>

  </ul>
<div class="tab-content">
   <div id="all" class="tab-pane fade in active"><p class="ch">
     Click here
     </p>
     <div id="open" style="background: rgba(0,0,0,.4); position:fixed; width: 100%; height:100%; top:0; left:0; display:none;">

     </div>
   </div>


    <div id="p" class="tab-pane fade"> <p class="ch">
     Click here
     </p>
   <div id="open" style="background: rgba(0,0,0,.4); position:fixed; width: 100%; height:100%; top:0; left:0; display:none;">

     </div>


  </div>
  </div>
$(document).ready(function(){

$('.ch').click(function(){

    $("#open").css("display","");

});

});

Answer 1

ID在DOM中应该是唯一的。＆＃34;淡化活跃于＆＃34;将添加到每个选项卡内容div以在选项卡之间切换/导航..如果您自定义默认行为，则必须手动编写代码以添加活动类

取消包含php文件

1 个答案: