2016-08-09 2 views
0

Я использую nav-tabs с вкладкой из бутстрапа.Un-include php file

Для каждой вкладки я сказал include_once ('some_file.php');

Этот файл получает информацию о базе данных и содержит что-то, что требует использования моего jquery-кода.

Теперь он работает, когда я нахожусь на первой вкладке, но когда я открываю вторую и тем самым включаю еще один файл с тем же контентом, который требует, чтобы мой код jquery нажимал на этот контент, содержимое открывается в первом div не вторым.

Если вы понимаете, о чем я говорю.

Мне интересно, есть ли способ отменить включенные файлы, пока вкладка не активна но php?

Другое решение заключается в том, чтобы каждая вкладка создавала другой код jquery таким же образом и изменяла содержимое каждой вкладки, которая представляет собой много кода.

Я создал JS FIDDLE, где вы можете попробовать открыть tab2, называемые фотографиями, и нажать на текст под «нажмите здесь», и ничего не произойдет, но после этого нажмите на первую вкладку, и содержимое будет показано как появилось.

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",""); 

}); 

}); 

ответ

0

Идентификатор должен быть уникальным в DOM. «fade active in» будет добавлено к каждому вкладку div div для переключения/навигации между вкладками. Если вы настраиваете поведение по умолчанию, вы должны вручную написать код для добавления активных классов.

+0

Я знаю, но я сказал, что если мне нужно это сделать У меня есть много подобных кодов только потому, что этот id .. Я, хотя если есть что-то, чтобы un включить включенный файл, поэтому он находит только один идентификатор на странице ... Но это можно сделать с помощью jquery или js при нажатии на другую вкладку удалите или измените сначала один идентификатор с attr или что-то еще. – Skyey

+0

Используйте класс с псевдо CSS, например #all> .ch и #all> #open в функции click. –