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

我有一个带有几个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>

var ccm_activeTransactionsTab=“tabs-1”；
$（“#事务选项卡a”）。单击（函数（）{
$（“li.ccm-nav-active”）.removeClass（'ccm-nav-active'）；
$（“#”+ccm_activeTransactionsTab+“-tab”）.hide（）；
ccm_activeTransactionsTab=$（this.attr（'id'）；
$（this.parent（）.addClass（“ccm nav活动”）；
$（“#”+ccm_activeTransactionsTab+“-tab”）.show（）；
});

我遇到的问题是，当页面加载时，活动选项卡显示两条php语句的结果-即，它显示：

echo "This is tab 1<br>;
echo "This is tab 2<br>;

echo“这是选项卡1
；
echo“这是表2
；

---

如果我在选项卡之间单击几次，那么额外的信息就会消失。这些选项卡正常工作，只有在显示php函数的输出时才会出现问题

您错过了

echo“这是选项卡1
；

但是

echo“这是选项卡1
”；

我建议您使用隐藏，然后开始使用简单的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>

---

此外，您在语句

中遗漏了结束引号。您意识到这些echo语句中遗漏了引号吗？无论如何，请添加
$（“#事务选项卡a”）。first（）。trigger（'click'））
然后看看发生了什么对不起，添加了引号-它们一定是在我复制/粘贴时不知怎么丢失了！谢谢，这非常有效-除了我只需要将其添加到第二个选项卡中，因为我希望第一个选项卡在开始时显示。