小编Nha*_*han的帖子
推荐指数
解决办法
查看次数
mouseout事件的问题
我正在使用JavaScript来隐藏图像并显示隐藏在其下的一些文本.但是,当文本显示时,如果你滚动它,它会触发容器上的mouseout事件,然后隐藏文本并再次显示图像,它只是进入一个奇怪的循环.
html看起来像这样:
<div onmouseover="jsHoverIn('1')"
onmouseout="jsHoverOut('1')">
<div id="image1" />
<div id="text1" style="display: none;">
<p>some content</p>
<p>some more content</p>
</div>
</div>
和javascript(它使用scriptaculous):
function jsHoverIn(id) {
if(!visible[id]) {
new Effect.Fade ("image" + id, {queue: { position: 'end', scope: id } });
new Effect.Appear ("text" + id, {queue: { position: 'end', scope: id } });
visible[id] = true;
}
}
function jsHoverOut (id) {
var scope = Effect.Queues.get(id);
scope.each(function(effect) { effect.cancel(); });
new Effect.Fade ("text" + id, {queue: { position: 'end', scope: id } …推荐指数
解决办法
查看次数
Laravel 5 + AngularJS html5Mode
我正在使用Laravel 5和AngularJS开发一个项目.我想启用
$locationProvider.html5Mode(true);
并停止重新加载页面.当我将其设置为false并访问链接时,页面不会重新加载.
这是我的 route.php
Route::get('/', function () {
return View::make('index');
});
角度代码
app.config(function($routeProvider, $locationProvider) {
$routeProvider.when('/', {
templateUrl: 'views/feed.html',
controller: 'fdController'
}).when('/collections', {
templateUrl : 'views/collections.html',
controller: 'clController'
}).otherwise({
redirectTo : '/'
});
$locationProvider.html5Mode(true);
});
当我访问链接时html5Mode(false)
localhost:8000/#/ -> localhost:8000/#/feed,页面不会刷新
当html5Mode(true)我访问时
localhost:8000/ -> localhost:8000/feed,页面刷新,我收到此错误:
抱歉,找不到您要查找的页面.
推荐指数
解决办法
查看次数
如何强制div出现在另一个div下面
我有两个div,一个出现在右边,另一个出现在左边.
但是,当我尝试在右侧div下添加一个div时,我会在左侧div或左侧div的左下方获取它.
这是我有的:
这就是我想要实现的目标:
我试过几种方法包括:
- 明确:左; 或明确:两者
- list-style:none;
- 使用位置:相对;
- 也看到了那个方法,但不能弄清楚这一点
我在stackoverflow搜索时看到的另一种方法却没有成功.
这是一个现场的:JSfiddle
我该如何解决这个问题？
/*============================================================================================*/
/* 1. GENERAL TYPOGRAPHY */
/*============================================================================================*/
/*----------------------------------------------*/
/* Global Reset */
/*----------------------------------------------*/
body {background:url(../img/body_image_1.png) top no-repeat}
html, body, div, span, iframe,pre, a, img, strong, center, ul, li, footer, header,menu {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
footer, header, menu {
display: block;}
body {
line-height: 1; }
ol, ul {
list-style: none; }
html { font-size: …推荐指数
解决办法
查看次数
如何将ng-repeat分成批次
我正在http://getbootstrap.com/javascript/#buttons-examples上执行此ref:checkbox示例
<div class="btn-group list-group-item-text" data-toggle="buttons">
<label data-ng-repeat="type in types"
ng-class="{btn: true, 'btn-primary': true, active: Map[type.id]}">
<input type="checkbox" ng-model="Map[type.id]">{{type.name}}
</label>
</div>
现在问题是这种类型数组有时候少于5个项目.当按钮组有超过5个项目时,它会以丑陋的方式分割到下一行.
我怎么能做这样的事情
ng-repeat on 0-4 of array - create a button group for these 5 items
ng-repeat on 5-9 of array (if array length is >5) ...
ng-repeat on 10-14 of array (if array length is >10) ...
...
注意:更好的是查看已使用了多少个字符.每种类型都有不同的名称,有些长一些,所以有时候一个很长的名字可能会占用面板的所有宽度.
推荐指数
解决办法
查看次数
服务器启动端口花费太多时间
我正在使用 Ubuntu 14.04，我正在尝试安装 Laravel 框架。为此，我在终端中运行了以下代码：
php工匠服务
等了 4-5 分钟后，我得到了这样的回复：
Laravel 开发服务器在http://localhost:8000/上启动
[2015 年 5 月 26 日星期二 13:19:40] 127.0.0.1:44800 [200]: /favicon.ico
[2015 年 5 月 26 日星期二 13:19:40] 127.0.0.1:44801 [200]: /favicon.ico
等了 10 多分钟后，尽管终端正在工作，但我没有收到更多回复。
真的需要那么多时间吗？或者出了什么问题？
推荐指数
解决办法
查看次数
html电子邮件的文档类型
哪种 DOCTYPE 最适合 HTML 电子邮件？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
推荐指数
解决办法
查看次数
如何使用ng-repeat生成的表的UI Bootstrap分页
我试图在我的Angular应用程序中保持分页使用uib-pagination.我无法正确地做到这一点.
HTML
<table id="mytable" class="table table-striped">
<thead>
<tr class="table-head">
<th>Name</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="person in aCandidates">
<th>
<div>{{person}}</div>
</th>
</tr>
</tbody>
</table>
调节器
$scope.totalItems = $scope.aCandidates.length;
$scope.currentPage = 1;
$scope.itemsPerPage = 10;
我能够看到分页栏但是没有执行任何操作,即使在将总项目设为10之后也会呈现整个表格数据.
uib-pagination究竟是如何工作的,以及数据(在这种情况下aCandidates)是如何与分页相关联的.
推荐指数
解决办法
查看次数
如何在此示例中实现完全工作的图像滚动效果？
我只是偶然发现了http://www.newego.de/,并想知道他们在初始页面上使用的"图像幻灯片效果"是如何完成的.
当您向上滚动背景图像更改并在浏览完所有"介绍/欢迎"页面幻灯片后,您将被引导至主要网站内容.
我试图从好奇心和学习目的中复制效果,因此我最近开始深入研究响应式网页设计,但我有点卡住并且不确定我的方法是否是一个很好的解决方案.
这个JSFiddle是我试图复制图像滑块的程度.
$(window).bind('mousewheel DOMMouseScroll', function(event){
if (event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {
console.log('scrolling down');
}
else {
console.log('scrolling up');
$('.s1').slideUp('slow');
}
});* { margin: 0; padding: 0 }
#menubar {
width: 100%;
background-color: orange;
height: 60px;
}
.slide {
position: absolute;
width: 100%;
top: 60px;
bottom: 0;
}
.slide.s1 { background-color: green; }
.slide.s2 { background-color: red; }
.slide.s3 { background-color: cornflowerblue; }
.l1 { z-index: 3; }
.l2 { z-index: 2; …推荐指数
解决办法
查看次数
window.onbeforeunload不在Chrome中触发,但在Firefox中工作
我有一个主窗口和一个弹出窗口.弹出窗口在主窗口中创建.
就像parent.php是主窗口.在这个页面上,我有一个JavaScript函数来重新加载页面,如下所示:
function popUpClosed() {
window.location.reload();
}
我们可以从parent.php打开弹出窗口.现在我想在关闭/导航弹出窗口时从弹出窗口执行popUpClosed()函数parent.php.
我尝试了以下方法来实现相同的目标.
方法1
window.onunload = window.onbeforeunload = function() {
if(window.opener && !window.opener.closed) {
window.opener.popUpClosed();
}
};
方法2
window.onbeforeunload = Call;
function Call() {
if(window.opener && !window.opener.closed) {
window.opener.popUpClosed();
}
}
方法3
window.onpagehide = function() {
window.opener.popUpClosed();
}
除谷歌浏览器外,所有浏览器都能正常运行.Chrome没有触发任何功能.
但是,这发生在过去2-3天.之前所有的事情都在Chrome中运行良好.(可能是由于最新的Chrome更新引起的)
任何建议将不胜感激.
推荐指数
解决办法
查看次数
标签 统计
javascript ×4
angularjs ×3
html ×3
css ×2
jquery ×2
css3 ×1
doctype ×1
events ×1
html-email ×1
html5 ×1
http-request ×1
laravel-5 ×1
mode ×1
pagination ×1
php ×1
sql ×1
sql-server ×1
ubuntu-14.04 ×1