如何使用部分ID创建动态导航/菜单?

时间:2019-04-16 10:46:01

标签: html dynamic menu navigation

我想获得一个自定义功能,可以通过简码将其包含在使用WordPress / Elementor创建的网站上的不同页面中。 这些站点包含不同的部分(在最终的HTML代码中具有标签和特定的ID),目标是实现一个功能,以“扫描”该页面插入到/调用的页面以获取其中包含的所有部分的ID,然后创建带有这些部分的ID的菜单。

我遇到的主要问题是获取各部分的ID。我可以处理的菜单本身的创建。

我更喜欢基于PH​​P的解决方案。但是,我不能将PHP代码直接包含到页面中,而是需要将它包含在functions.php中,然后使用简码。

我已经在寻找一些解决方案,但是似乎都没有用。可能是因为我的PHP和JavaScript非常基本。

我发现的一件事是在下面的inserterd中。这里的问题是$ html是未定义的(当然)。如何在此处获取特定页面的html? 我尝试了使用$ html和一些带有ID的html代码来定义$ html的测试,但是它仍然无法正常工作,因为find()的定义也没有...?

function custom_submenu(){
echo '<ul class="anchor-menu">';
foreach($html->find('section') as $element){ 
       $idSection=$element->getAttribute('id');
       $menuElement .= '<li><a id="menu-'.$idSection.'" href="#'.$idSection.'" ><span>'.$idSection.'</span></a></li>';
       echo $menuElement;
       }
echo '</ul>';
}

0 个答案:

没有答案