使用 php 在 jquery 选项卡中显示内容答案

【问题标题】：Using php to display content in jquery tabs使用 php 在 jquery 选项卡中显示内容
【发布时间】：2014-02-01 20:53:13
【问题描述】：

我有一个页面有几个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 函数的输出时才会出现问题。

【问题讨论】：

您意识到您在这些 echo 语句中缺少引号？无论如何，添加$("#transaction_tabs a").first().trigger('click'); 看看会发生什么
抱歉，添加了引号 - 在我复制/粘贴时它们一定是丢失了！

标签： javascript php jquery tabs

【解决方案1】：

我建议你在开始使用简单的 CSS 时先使用 hide

<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>; ?>中的结束引号

【讨论】：

谢谢，这很完美——除了我只需要将它添加到第二个标签，因为我希望第一个在开始时显示。

【解决方案2】：

你错过了echo "This is tab 1<br>; 上的 qoute 但echo "This is tab 1<br>";

【讨论】：