我有一个id为div的div,content我想获得id第一级div元素,例如.box1,box2,box3.如何才能做到这一点 ?
<div id="content">
<div id="box1" class="box1class">
<div>...</div>
</div>
<div id="box2" class="box1class">
<div>...</div>
</div>
<div id="box3" class="box1class">
<div>...</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud) 我正在努力让锤子js事件与骨干一起工作,但无法让它响应事件.我已经尝试了以下..
http://cijug.net/tech/2013/01/16/backbone-hammer/
https://gist.github.com/kjantzer/4279025
我还在我的视图中放下了一段代码
initialize: function(){
this.events = _.extend({}, this.defaultEvents, this.events||{});
}
Run Code Online (Sandbox Code Playgroud)
JS小提琴:http://jsfiddle.net/XcYhD/
码
<div id="swiping"></div>
JS
AppView = Backbone.View.extend({
el: '#swiping',
events: {
'swipe': 'swipeMe'
},
render: function(){
this.$el.html('<h2>Swipe Me</h2>');
},
swipeMe: function(e){
alert('swiped ' + e.direction);
}
});
var view = new AppView();
view.render();
Run Code Online (Sandbox Code Playgroud)
包含的库 - hammer.js,jquery.specialevent.hammer.js等.
无论如何让它工作?
我写了一个小代码,从屏幕顶部滑下来的图像.我有一个暂停按钮来清除超时.但是我无法阻止JS动画并从停止的同一个地方继续.
Code :
$.fn.pSlide = function(options) {
var icount = 0,interval;
var isPaused = false;
documentHeight = $('.image-container').height(),
documentWidth = $('.image-container').width(),
imageHeight = 250;
imageWidth = 250;
defaults = {
minSize : 5,
maxSize : 15,
newOn : 8000, //controls duration of each element
},
options = $.extend({}, defaults, options);
$('#control-btn').click(function() {
window.clearInterval(interval);
});
interval = window.setInterval(function() {
if(!isPaused) {
var $elm = $('.image-container img').eq(icount);
var startPositionLeft = Math.random() * documentWidth - imageWidth ,
startOpacity = 0.5 + Math.random(), …Run Code Online (Sandbox Code Playgroud) 我正在使用bootstrap来显示模态,并希望它在点击锚标记时显示为路径.但我得到一个模块错误,似乎无法弄清楚如何解决它.
HTML
<div ng-view>
<div ng-controller="DetailPageCtrl">
<a href="#/profile">Click here to open modal!</a>
</div>
<script type="text/ng-template" id="modalContainer">
<div ng-controller="ProfileModalCtrl"></div>
</script>
</div>
Run Code Online (Sandbox Code Playgroud)
JS
var app = angular.module('plunker', ['ui.bootstrap']);
app.config(function($routeProvider) {
$routeProvider
.when('/profile', {
templateUrl : 'modalContainer',
controller : 'ProfileModalCtrl'
});
})
app.controller('DetailPageCtrl', function($scope) {
console.log("detail page");
});
app.controller('ProfileModalCtrl', function($scope, $modal) {
$modal.open({templateUrl : 'modal.html'});
});
Run Code Online (Sandbox Code Playgroud)
plnkr中的代码:http://plnkr.co/edit/VbvuWzLqkICFzBYI9sL5?p = preview
我正在尝试使用lodash将所有对象合并在一起,我尝试了_.assign和_.merge,它仍然分别显示对象.
var arr = [
{"asf" : 33, "ff1" : 12},{"xx" : 90, "ff2" : 13},{"xw" : 66, "ff3" : 176}
]
console.log( _.assign({}, arr)); //should show {"asf" : 33, "ff1" : 12,"xx" : 90, "ff2" : 13, "xw" : 66, "ff3" : 176}
Run Code Online (Sandbox Code Playgroud)
我有一个 ionic 应用程序,要在 android 中构建项目,我使用命令
离子构建安卓
它工作正常,我能够构建该项目。
但是,如果我想在路径中指定外部文件夹,例如......
ionic d:\Projects\mobile 构建 android
我怎样才能做到这一点?
我想将添加到我的对话框中的按钮移动到顶部或左侧,如何使用jquery ui.如果添加确定,它会显示在最右端,是否可以放置?
$(function() {
$("#dialog-message").dialog({
modal : true,
resizable : false,
buttons : {
ok:function() {
$(this).dialog("close");
}
}
});
});
Run Code Online (Sandbox Code Playgroud) 我正在用一个延迟的淡出效果从身体上移除一个div.
$('#mydata div').each(function(i) {
$(this).delay(200*i).fadeOut(1000);
$(this).animate({
"opacity" : "0",
});
});
$('#mydata').remove();
Run Code Online (Sandbox Code Playgroud)
但是,如果我使用$('#mydata').remove()动画不能解决任何问题..?
我正在使用$ watchCollection来监视数组长度的变化.但是当我在数组中添加任何项目时它似乎不起作用.我哪里错了?
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.count;
$scope.Items = {
"Cars" : [
{
"id" : 1,
"name" : "Mercedes"
},
{
"id": 2,
"name" : "Ferrari"
}
],
"Bikes" : [
{
"id" : 1,
"name" : "Ducati"
},
{
"id": 2,
"name" : "Yamaha"
}
]
}
$scope.addCar = function() {
$scope.Items.Cars.push({
'id' : 3,
"name" : "random name"
})
}
$scope.$watchCollection($scope.Items.Cars, function(newNames, oldNames) {
$scope.count = $scope.Items.Cars.length;
console.log($scope.count);
})
});
Run Code Online (Sandbox Code Playgroud)
演示:http: …
我正在使用lodash中的_.pluck()来获取数组中键的值.
var employees = [
{
Name : "abc"
},
{
Name : "xyz"
}
]
var res = _.pluck(employees, 'Name');
Run Code Online (Sandbox Code Playgroud)
变量res将包含['abc,'xyz']
当我搜索其他一些场地时
var res = _.pluck(employees, 'SomeRandomField');
Run Code Online (Sandbox Code Playgroud)
结果 - [未定义,未定义]
如何将上述结果作为undefined的null而不是未定义值的数组
Plnkr:http://plnkr.co/edit/qtmm6xgdReCuJP5fm1P2?p = preview
javascript ×7
jquery ×4
angularjs ×2
jquery-ui ×2
lodash ×2
backbone.js ×1
hammer.js ×1
html ×1