Question

我正在尝试修改使用此模板制作的网页部分的菜单文本：我想要修改的菜单是主图片下面的菜单。此菜单由组成页面的不同部分的标题组成。在模板的代码中，没有显示此菜单的开发，只需输入：

<div class="listing-detail-menu-wrapper">
  <div class="listing-detail-menu">
    <div class="container">
      <ul class="nav nav-pills"></ul>
    </div>
  </div>
</div>

我想，从我所看到的，这个菜单是由一些js生成的（我不确定）

任何人都知道如何修改此菜单的文本，而且这不一定是各部分的标题？

Answer 1

创建自己的类，然后在其中创建菜单的无序列表，并通过CSS安排ul。我认为类名是Bootstrap，因此它不能用于简单的html。

Answer 2

您可以执行类似的操作，运行JQuery代码以在页面加载时更改菜单标题。我猜您有固定数量的菜单，因此您可以更改每个菜单的title。

＆＃13;

 $(document).ready(function(){
   var allMenus = $('.nav.nav-pills').find('li');
   $(allMenus[0]).find('a').text('Home');
   $(allMenus[1]).find('a').text('Contact me');
   $(allMenus[2]).find('a').text('About Us');
   $(allMenus[3]).find('a').text('Login');
   
 })

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

 <div class="container">
    <h3>Pills</h3>
    <ul class="nav nav-pills">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Menu 1</a></li>
      <li><a href="#">Menu 2</a></li>
      <li><a href="#">Menu 3</a></li>
    </ul>
  </div>

＆＃13;

Answer 3

这是秘密！

＆＃13;

.notext:before {
  content: "I have a text";
}

＆＃13;

<div class="notext"></div>

＆＃13;

如何修改导航菜单的文本

3 个答案: