PHPファイルを取り込みません

Question

私は、ブートストラップのタブコンテンツを持つnav-tabsを使用しています。

各タブについて、私はinclude_once（ 'some_file.php'）と言った。

このファイルはデータベース情報を取得し、jqueryコードを動作させる必要があるものが含まれています。

これは、最初のタブにあるときに機能しますが、2番目に開いたときに同じ内容のファイルを1つ追加すると、そのコンテンツをクリックするとjqueryコードが必要になります。

私は何を話しているのか理解していれば。

タブがアクティブでないうちにインクルードファイルをインクルードする方法がありますか？ php？

その他の解決方法は、各タブごとに同じ方法で異なるjqueryコードを作成し、多くのコードである各タブの内容を変更することです。

私は、写真と呼ばれるtab2を開き、 "ここをクリック"の下のテキストをクリックしようとするとJS FIDDLEを作成しましたが、何も起こりませんが、最初のタブをクリックすると内容が表示されます。

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内で一意でなければなりません。あなたがデフォルトの動作をカスタマイズする場合は、アクティブなクラスを追加するコードを手作業で作成する必要があります