起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1431|回复: 3

[结贴] navbar求助

[复制链接]

10

主题

44

帖子

270

积分

中级会员

Rank: 3Rank: 3

积分
270
QQ
发表于 2015-11-22 17:32:35 | 显示全部楼层 |阅读模式
请问bootstrap的navbar能否实现下面的功能?
navbar.JPG
小弟想知道:1. navbar是否有data属性?
2. 如果没有,是否有js案例,自己用js添加在div3(collapse navbar-collapse in)内的li1,li2,li2,等等


谢谢。
发表于 2015-11-23 10:10:08 | 显示全部楼层
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

10

主题

44

帖子

270

积分

中级会员

Rank: 3Rank: 3

积分
270
QQ
 楼主| 发表于 2015-11-23 12:53:20 | 显示全部楼层
liangyongfei 发表于 2015-11-23 10:10
参考:http://bbs.wex5.com/forum.php?mod=viewthread&tid=81388

谢谢大大,
小弟的问题是: navbar如何绑定数据,也就是说navbar,有没有data这个属性(像list组件)
链接的贴早已看过数次,小弟可以手动,产生1楼的画面,但是这个不是用数据库来的资料生成的

<div class="row">
        <div class="col-xs-3" id="myScrollspy">
                <ul class="nav nav-tabs nav-stacked" data-spy="affix" data-offset-top="125">
                        <li class="active"><a href="#section-1">第一部分</a></li>
                        <li><a href="#section-2">第二部分</a></li>
                        <li><a href="#section-3">第三部分</a></li>
                        <li><a href="#section-4">第四部分</a></li>
                        <li><a href="#section-5">第五部分</a></li>
                </ul>
        </div>
        <div class="col-xs-6 col-md-3">
                <h2 id="section-1">第一部分</h2>
                <a href="#" class="thumbnail">
                      <img src="$UI/ecommerce/img/a1.jpg" alt="..."/>
                      <img src="$UI/ecommerce/img/a2.jpg" alt="..."/>
                      <img src="$UI/ecommerce/img/a3.jpg" alt="..."/>
                      <img src="$UI/ecommerce/img/a4.jpg" alt="..."/>
            </a>
               
                <h2 id="section-2">第二部分</h2>
                <a href="#" class="thumbnail">
                      <img src="$UI/ecommerce/img/a1.jpg" alt="..."/>
                      <img src="$UI/ecommerce/img/a2.jpg" alt="..."/>
                      <img src="$UI/ecommerce/img/a3.jpg" alt="..."/>
                      <img src="$UI/ecommerce/img/a4.jpg" alt="..."/>
            </a>
                <h2 id="section-3">第三部分</h2>
                <h2 id="section-4">第四部分</h2>
                <h2 id="section-5">第五部分</h2>
        </div>
</div>


回复 支持 反对

使用道具 举报

发表于 2015-11-23 13:55:57 | 显示全部楼层
gbk18030 发表于 2015-11-23 12:53
谢谢大大,
小弟的问题是: navbar如何绑定数据,也就是说navbar,有没有data这个属性(像list组件)。
链 ...

这个没有!不过你可以试试使用这个组件和list组件配合,动态生成下面的节点!
或者直接使用list组件也是可以做导航栏的!就像UI2/demo/misc/bind/index.w
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-19 03:09 , Processed in 0.068597 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表