[Javascript] php를 사용하여 jquery 탭에 내용 표시


Answers

echo "This is tab 1<br>; 에서 qoute를 놓쳤습니다. echo "This is tab 1<br>; 이지만 echo "This is tab 1<br>";

Question

몇 가지 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 함수의 출력을 표시 할 때 발생합니다.