HTML:
<ul ng-repeat="task in tasks">
<li ng-mouseover="hoverIn()" ng-mouseleave="hoverOut()">{{task.name}}</li>
<span ng-show="hoverEdit"><a>Edit</a></span>
</ul>
JS:
$scope.hoverIn = function(){
$scope.hoverEdit = true;
};
$scope.hoverOut = function(){
$scope.hoverEdit = false;
};
代码很荒谬,因为我觉得它太多了.我认为它可以简化.无论如何,结果一旦它悬停就切换所有项目.我有jQuery背景,所以我不知道如何使单项工作ng-repeat.
我有一个div,我想在用户连续徘徊他的鼠标3秒后才开始一个事件.我的代码不能很好地工作,因为它在悬停后立即触发并且不会"等待".
码:
$(".inner_pic").mouseenter(function () {
setTimeout(function () {
alert('testing');
}, 3000);
}).mouseleave(function () {
alert('finish');
});
我使用查询参数导航到我的应用中的某个页面.从URL中获取参数后我想删除它,理想情况下我会这样:
let userToken: string;
this.sub = this.router
.routerState
.queryParams
.subscribe(params => {
userToken = params['token'];
params['token'].remove();
});
但显然删除功能不存在.有人有替代方案吗？
我是事件处理程序的新手,我遇到了下面写的代码
document.addEventListener("DOMContentLoaded", function() {
initialiseMediaPlayer();
}, false);
编写相同的代码是否有任何区别
document.addEventListener("DOMContentLoaded", initialiseMediaPlayer();, false);
最终我们调用相同的函数,它是否会产生影响,或者以上述方式编写它有什么优势？
我正在尝试使用通用的"List"类,它将具有:
然后创建将继承自'List'的子类
//Class 'List'
function List(){
this.Items = new Array();
this.Add = function(){ alert('please implement in object') }
}
//Class CDList - which inherits from 'List'
function CDList(){
this.Add = function(Artist){
this.Items.push(Artist)
}
}
CDList.prototype = new List();
CDList.prototype.constructor = CDList;
//Create a new CDList object
var myDiscs = new CDList();
myDiscs.Add('Jackson');
myDiscs.Count() <-- this should be 1
//Create a second CDList object
var myDiscs2 = new CDList();
myDiscs2.Add('Walt');
myDiscs2.Add('Disney');
myDiscs2.Count() …URL重定向Javascript？我正在尝试使用http://重定向输入的网址并提示,直到找到http://,如果找到它,则会将其定向到输入的网站.
到目前为止,我的代码是:
function enter() {
var keepGoing = true;
var email;
while (keepGoing) {
keepGoing = false
email = prompt("Please Enter Website Address");
// Website Address validation to see if it has http://
if (email.indexOf('http://') === -1) {
alert("Not valid Web Address");
keepGoing = true;
}
// if nothing was entered
else if (email == '') {
var email = prompt("Please Enter Valid Web Address");
}
}
}
我以滑带的形式制作了滑块.在Chrome和Mozilla中它看起来不错,但在Safari中看起来很糟糕.也许有人可以帮忙解决问题？!？提前致谢!
CSS:
#wrapper1 #my_scroll {z-index:5; height:480px; width:640px; position:absolute; top:-10px; left:12px;}
#wrapper1 #bloc_wrap {height:480px; width:640px; z-index:7; overflow:hidden;}
#wrapper1 #wrapper_sl {height:480px;}
#wrapper1 #wrapper_sl .block {width:150px; background:blue; border:2px solid #fff; position:absolute; margin:-40px 0 0 0; z-index:1; height:108px; overflow:hidden; transition: all 1.2s linear ; -webkit-transition: all 1.2s linear ; -moz-transition: all 1.2s linear ; -webkit-border-radius: 15px; -moz-border-radius: 15px; zoom: 1; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;}
#wrapper1 #wrapper_sl .block img {border:0px solid #FFF; height:108px; cursor:pointer; margin:0 0 0 -16px; -webkit-border-radius: 20px; …任何人都可以向我解释为什么Angularjs ngIf指令会像'f'和'F'一样false？
简单示例不起作用:
<input type="text" ng-model="test" />
<div ng-if="test">{{test}}<div>
如果你把'f'或'F'没有显示在div中,任何其他字母或正弦都可以正常工作.
我正在尝试在HTML文档中实现一项功能,允许用户拖放嵌入式SVG"框"...
我发现了这一点,但很快意识到该脚本只适用于普通的SVG文件......
请记住,我是一名程序员,过去半年一直专注于汇编语言.从那里跳到这个抽象的环境是一个巨大的进步.
现在我正试图找出缩放部分:
所以我制作了这个HTML文件:
<html>
<head>
<title>Forum Risk! v0.0.1</title>
<script type="text/javascript" src="svglib.js" ></script>
</head>
<body>
<!-- SVG embedded directly for example purpose... I'm planning to use <embed> -->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" onmousewheel="mouseWheelHandler(e);">
<g id="viewport" transform="matrix(1,0,0,1,200,200)" >
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>
</g>
</svg>
</body>
而且内容svglib.js是:
var scrollSensitivity = 0.2
function mouseWheelHandler(e) {
var evt = window.event || e;
var scroll = evt.detail ? evt.detail * scrollSensitivity : (evt.wheelDelta / 120) * scrollSensitivity;
var …在第一次将元素推送到null数组的子数组时,我收到此错误"无法读取属性推送空"但元素被推送,第二次我做的一切都很顺利.它被添加到数组
this.group.departmentsList.push({
name: group.newCategoryName,
sortOrder: group.departmentsList.length,
type: "category"
});
group包含数据,departmentList是子数组,声明如下:
$scope.parentDepartment = [
{
departmentsList: [{}]
}
];
javascript ×9
jquery ×3
angularjs ×2
html ×2
angular ×1
arrays ×1
css ×1
function ×1
inheritance ×1
logic ×1
properties ×1
safari ×1
svg ×1