Bootstrap Tabs PHP代码阻止活动标签更改 - Wordpress

时间:2014-01-26 21:55:47

标签: php wordpress twitter-bootstrap bootstrap-tabs

我正在为我的wordpress模板制作一个导航菜单,我在标题中使用了bootstrap 3标签,但当我在<a href ="">中为<li>标签调用函数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>

函数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 );
}

1 个答案:

答案 0 :(得分:0)

因此,如果您需要PHP来选择活动选项卡,您需要进行一些检查并决定是否将活动类放入LI中,类似于(但不一定完全如下),如下所示:

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

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

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