引导选项卡 PHP 代码阻止活动选项卡更改 - Wordpress答案

【问题标题】：Bootstrap Tabs PHP code blocking active tab change - Wordpress引导选项卡 PHP 代码阻止活动选项卡更改 - Wordpress
【发布时间】：2014-01-26 21:55:47
【问题描述】：

我正在为我的 wordpress 模板制作导航菜单，我在标题中使用引导 3 个选项卡，但是当我在 <a href =""> 元素选项卡中调用函数 get_permalink( $page_name_id ) 时卡住了，但是当我删除 php 代码选项卡时正在工作。

我的问题是当我点击这些选项卡时如何改变它们并且 PHP 代码可以返回所选页面的链接？

这是标题中的代码：

<ul class="nav nav-tabs" id="myTab" style = "font-size:12px;">
    <li class="active tab"><a href = "<?php echo wt_get_ID_by_page_name('home'); ?>" data-toggle="tab" >Home</a></li>
    <li class="tab"><a href = "<?php echo wt_get_ID_by_page_name('about'); ?>" data-toggle="tab" >About</a></li>
    <li class="tab"><a href = "<?php echo wt_get_ID_by_page_name('products'); ?>" data-toggle="tab" >Products</a></li>
    <li class="tab"><a href = "<?php echo wt_get_ID_by_page_name('contact'); ?>" data-toggle="tab" >Contact</a></li>
</ul>

function wt_get_ID_by_page_name 它是通过 page_name_id 硬编码的函数 get_permalink，它只返回页面名称的永久链接。

这里是代码：

function wt_get_ID_by_page_name($page_name)
{
    global $wpdb;
    $page_name_id = $wpdb->get_var("SELECT ID FROM $wpdb->posts WHERE post_name = '".$page_name."'");
    return $permalink = get_permalink( $page_name_id );
}

【问题讨论】：

标签： php wordpress twitter-bootstrap bootstrap-tabs

【解决方案1】：

所以，如果您需要 PHP 选择活动选项卡，您需要做一些检查并决定是否将活动类放入 LI，类似（但不一定完全）如下：

$url = $_SERVER['REQUEST_URI']; ?>

<li class='tab<?php echo $url == echo wt_get_ID_by_page_name('home') 
    ? ' active' : '' ?>'>...

如果我误解了你的问题，请告诉我。

【讨论】：