У меня есть страница с несколькими вкладками jquery, каждая из которых я хочу отобразить результат функции php, следующим образом:
<ul id="tabs" class="ccm-dialog-tabs"> <li class="ccm-nav-active"><a href="javascript:void(0);" id="tabs-1">Tab 1 Title </a></li> <li><a href="javascript:void(0);" id="tabs-2">Tab 2 Title></a></li> </ul> <div id="tabs-1-tab"> <?php echo "This is tab 1<br>"; ?> </div> <div id="tabs-2-tab"> <?php echo "This is tab 2<br>"; ?> </div>
Jquery, чтобы заставить вкладки работать:
<script type="text/javascript" language="javascript"> var ccm_activeTransactionsTab = "tabs-1"; $("#transaction_tabs a").click(function() { $("li.ccm-nav-active").removeClass('ccm-nav-active'); $("#" + ccm_activeTransactionsTab + "-tab").hide(); ccm_activeTransactionsTab = $(this).attr('id'); $(this).parent().addClass("ccm-nav-active"); $("#" + ccm_activeTransactionsTab + "-tab").show(); }); </script>
Проблема, с которой я столкнулась, заключается в том, что когда страница загружается, активная вкладка показывает результат обоих операторов php, т. Е. Показывает:
echo "This is tab 1<br>; echo "This is tab 2<br>;
Если я несколько раз нажимаю между вкладками, дополнительная информация исчезает. Эти вкладки работают нормально нормально, проблема возникает только тогда, когда они показывают вывод функции php.
Я бы предложил вам использовать скрыть, а затем начать с простого CSS
<div id="tabs-1-tab" style='display:none'> <?php echo "This is tab 1<br>"; ?> </div> <div id="tabs-2-tab" style='display:none'> <?php echo "This is tab 2<br>";?> </div>
Также вы пропустили закрывающие кавычки в выражении <?php echo "This is tab 1<br>; ?>
Вы пропустили qoute на echo "This is tab 1<br>;
но echo "This is tab 1<br>";