我如何在 PHP 中引用 Div ID

Posted 2023-03-05

【中文标题】我如何在 PHP 中引用 Div ID

【英文标题】：How Do I Href Div ID in PHP

【发布时间】：2021-08-07 05:18:54

【问题描述】：

我是编码新手。请教我如何将选项卡中的 href 和 ID 更改为 php。我有一个 href ad1 和 ad2。我希望它打开页内标签

                        <ul class="nav nav-tabs flex-column" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="tab" href="#ad1" role="tab"><i class="fa fa-heart"></i> Maldives</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#ad2" role="tab"><i class="fa fa-heart"></i> Seychelles </a>
                            </li>
                           
                        </ul>
                       

<!-- Tab panes -->

                                <div class="tab-pane active" id="ad1" role="tabpanel">
                                    <img class="hidden-xs" src="/images/maldives-top.jpg" >

                                    
                                </div>
                                <div class="tab-pane" id="ad2" role="tabpanel">
                                    <!-- ====== Ad2 Image ====== -->
                                    <img class="hidden-xs" src="/images/seychelles-top.jpg" >

                                    <!-- ====== // Ad2 Image Ends ====== -->
                                </div>
                                <div class="tab-pane" id="ad3" role="tabpanel">
                                   
                                </div>
                            <!-- Tab panes -->

【问题讨论】：

我不明白这个问题。您只向我们展示了一些 html。你想在这里用 PHP 做什么？某些值是否需要是动态的？

您可以使用简短的 echo 标签来回显 PHP 变量：<a href="<?=$ad1?>">Hello World!</a> 将 target='_blank' 添加到 <a> 中，它会在新选项卡中打开

@El_Vanja 我将 HTML 页面更改为 PHP，单击时选项卡停止工作。我需要将 ID 标签更改为 php 理解的值。 （对不起，我是编码新手）

改成PHP是什么意思？更改了扩展名？

@El_Vanja 是的，我将页面扩展名从 .html 更改为 .php

【参考方案1】：

更新：

我终于明白了。错误是我没有在我的functions.php页面中正确地将我的jquery排入队列。我猜 $handle 'jquery' 在 Wordpress 中是保留的。

我之前的代码是：

函数 addjs()

//wp_deregister_script('jquery');

wp_register_script('jquery', get_template_directory_uri() . '/js/jquery-3.2.1.min.js', array('') , 1, 1, 1 );
wp_enqueue_script('jquery');

add_action('wp_enqueue_scripts', 'addjs');

我将其更新为：

函数 addjs()

wp_register_script('customscripts', get_template_directory_uri() . '/js/jquery-3.2.1.min.js', array('jquery') , 1, 1, 1 );
wp_enqueue_script('customscripts');

add_action('wp_enqueue_scripts', 'addjs');

谢谢大家。