使用php在jquery選項卡中顯示內容

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函數的輸出時才會出現問題。

Answer 1

您在echo "This is tab 1<br>;上錯過了qoute echo "This is tab 1<br>;但是echo "This is tab 1<br>";

Answer 2

我建議您先使用hide然后在開始時使用簡單的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>; ?>