我使用bootstrap来完成我的工作.我在页面顶部有一堆菜单项,大约有15个项目.因此,我的顶级菜单不采用屏幕宽度.它被分解为溢出菜单引入的下一行.我想通过"更多"菜单停止菜单溢出到下一行.
想法是溢出的菜单项移动到"更多"菜单下拉菜单.但我不知道如何检测菜单溢出.如何将额外的菜单项移动到"更多"下拉菜单中?
我确实有一个基本的结构和标记.
小提琴:http://jsfiddle.net/xFW8t/347/
标记:
<ul class="nav nav-pills topnavi">
<li class="active" ><a href="#">Dashboard</a></li>
<li ><a href="#">Docs</a></li>
<li ><a href="#">Docs 2</a></li>
<li ><a href="#">Docs 3</a></li>
<li ><a href="#">Docs 4</a></li>
<li ><a href="#">Data</a></li>
<li ><a href="#">iWeb</a></li>
<li ><a href="#">Program</a></li>
<li ><a href="#">Config</a></li>
<!-- <li ><a href="#">Smart Inside</a></li>
<li ><a href="#">Settings </a></li>
<li ><a href="#">Account</a></li>
<li ><a href="#">Types</a></li>
<li ><a href="#">Notifications</a></li>
<li ><a href="#">History</a></li>
<li ><a href="#">Redmine</a></li>
<li ><a href="#">Logout</a></li> -->
<li class="dropdown" > …
Run Code Online (Sandbox Code Playgroud) 在我的网站博客页面中,在该页面URL中添加了查询字符串.我想从URL中删除查询字符串.所以我曾经使用jquery,我写了并添加到我的脚本中.它会删除查询字符串,但会在第n次刷新页面.我习惯了"一个"jquery方法.这也行不通.
你能帮助我吗
我的剧本是
jQuery(document).one('ready',function(){
window.location.href = window.location.href.split('?')[0];
});
Run Code Online (Sandbox Code Playgroud) 我正在开展角度项目,我的需求只是登录页面上的隐藏标题块.我试图在登录页面上隐藏标题.但它仍然不适合我.你有没有人帮我在登录状态下隐藏它.
这里是我的索引html
<div ng-include src="'views/header.html'" ng-hide="$state.current.name === 'login'"></div>
<div class="">
<div ui-view></div>
</div>
Run Code Online (Sandbox Code Playgroud)
在这里我的app.js
var app = angular.module('Qapp', ["ui.router", "ngRoute"])
app.config(function($stateProvider, $urlRouterProvider) {
//$urlRouterProvider.when('/dam', '/dam/overview');
$urlRouterProvider.otherwise('/login');
$stateProvider
.state('base', {
abstract: true,
url: '',
templateUrl: 'views/base.html'
})
.state('login', {
url: '/login',
parent: 'base',
templateUrl: 'views/login.html',
controller: 'LogCt'
})
.state('dam', {
url: '/dam',
parent: 'base',
templateUrl: 'views/dam.html',
controller: 'DamCt'
})
});
Run Code Online (Sandbox Code Playgroud) 我为我的项目使用了清单模型插件.它运作良好.但我需要没有数组括号的输出值.例如,如果我在代码中选择了20 c复选框,则会显示["20 c"].但在这里我需要输出"20 c".
我的HTML代码
<div ng-controller="Ctrl1" >
<label ng-repeat="temp in temps">
<input type="checkbox" checklist-model="tempValue.temps" checklist-value="temp"> {{temp}}
</label><br />
<input type="text" value="{{tempValue.temps}}" />
</div>
Run Code Online (Sandbox Code Playgroud)
我的控制器代码
app.controller('Ctrl1', function($scope) {
$scope.temps = [
'18 C ',
'19 C ',
'20 C ',
'21 C ',
'22 C ',
'23 C ',
'24 C ',
'25 C ',
'26 C ',
'27 C ',
'28 C ',
'29 C ',
'30 C '
];
$scope.tempValue = {
temps: ['20 C ' , '24 …
Run Code Online (Sandbox Code Playgroud)