<div class="container-fluid">
<!--顶头部分-->
<div class="top row">
<div class="col-md-offset-1 col-md-6 col-xs-6 col-sm-6">
<div class="log">
<img src="img/logo.png" class="img-responsive" />
</div>
</div>
<!--<nav class="navbar navbar-default">
<div class="col-md-9 col-sm-10 col-xs-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">切换</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="#">网站首页</a></li>
<li><a href="#">作品展示</a></li>
<li><a href="#">服务优势</a></li>
<li><a href="#">咨询新闻</a></li>
<li><a href="#">宣传片mv</a></li>
<li><a href="#">关于三基色</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</div>
<div class="col-md-3 hidden-md hidden-sm hidden-xs">
<span class="image"><img src="img/iphone.jpg" class="img-responsive" alt="Cinque Terre"></span>
</div>
</nav>-->
代码转化：
$(document).ready(function () {
var navbar = $('<nav/>', {
'class': 'navbar navbar-default'
});
var col_md_9 = $('<div/>', {
'class': 'col-md-9 col-sm-12 col-xs-12'
});
var navbar_header = $('<div/>', {
'class': 'navbar-header'
}).html(' <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">' +
' <span class="sr-only">切换</span>' +
'<span class="icon-bar"></span>' +
'<span class="icon-bar"></span>' +
'<span class="icon-bar"></span>' +
'</button>');
var collapse = $('<div/>', {
'class': 'collapse navbar-collapse',
'id':'bs-example-navbar-collapse-1'
});
var nav = $('<ul/>', {
'class': 'nav navbar-nav'
}).html('<li><a href="#">网站首页</a></li>' +
'<li><a href="#">作品展示</a></li>' +
' <li><a href="#">服务优势</a></li>' +
'<li><a href="#">咨询新闻</a></li>' +
'<li><a href="#">宣传片mv</a></li>' +
'<li><a href="#">关于三基色</a></li>' +
'<li><a href="#">联系我们</a></li>');
var col_md_3 = $('<div/>', {
'class': 'col-md-3 hidden-md hidden-sm hidden-xs'
}).html('<span class="image"><img src="img/iphone.jpg" class="img-responsive" alt="Cinque Terre"></span>');
collapse.append(nav);
col_md_9.append(navbar_header);
col_md_9.append(collapse);
navbar.append(col_md_9);
navbar.append(col_md_3);
//ro.append(navbar);
$('.navigation').append(navbar);
});
data="[1,2,3,4]"
data = eval(data);
//去除双引号，把字符串转化为数组
$scope.form.Province = Number($scope.user.PROVINCE);
Number()把字符串转化为数字