下面是代码的两个片段,由于某种原因没有发生任何事情,但是同一个JS文件中的其他jQuery函数在UL页面上正常运行,是否正在盯着我看？
<ul id="activityPaganation" class="paganation">
<li>1</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
</ul>
$(document).ready(function() {
$('#activityPaganation li a').on("click", function(e) {
e.preventDefault();
var pid = $(this).text();
alert(pid);
});
});
我正在做一个小游戏,在这个游戏中,我需要经常发生灾难.这场灾难必须动摇我的MainFrame元素并删除类.House,建筑数组和DOM中的所有元素.
这段代码在一定程度上起作用,问题是它不会从DOM中删除元素,只能从数组中删除.你能帮我搞定吗？我第一次使用这个网站,所以我希望我没有留下任何相关内容.
setInterval(function() {
var iDisasterChance = getRandomNumber(1, 12);
if (iDisasterChance === 1)
{
$(".MainFrame").effect("shake", {times: 8}, 4000);
//$(".House").effect("explode", {pieces: 24}, 4000);
$(".House").effect("explode", {pieces: 24}, 4000, $(".House").remove); // TODO: bug - leaves elements in the dom
//$(".House").remove();
oCity.aBuildings.length = 0;
console.log(iDisasterChance +' of 12');
console.log('*** DISASTER ! AVOIDED ***');
console.dir(oCity.aBuildings);
return false;
}
else
{
console.log(iDisasterChance +' of 12');
console.log('*** DISASTER AVOIDED ***');
}
}, 10000);
我的javascript看起来像
$('.adv_group').each(function(){
var eachAdvGroup = $(this);
$(document).on('keypress', **eachAdvGroup.find('.userinput:last')** ,function(){
//do something
}
})
我知道'on'只接受String,所以如何将$(this).find('.userinput:last')翻译成字符串？
PS我想最后.userinput每.adv_group
在特定项目上,我如何知道当前的子计数是多少？
例如:
<div id="parent">
<img id="lorem" />
<img id="ipsum" />
<img id="dolor" />
<img id="sit" />
<img id="amet" />
</div>
我怎么知道$('#sit')是其兄弟姐妹中的第4名？我可以迭代所有的孩子并计算,但这个接缝很慢,特别是因为我需要经常更新它,因为有数百个兄弟姐妹,我只需要针对最后5个兄弟姐妹
我的解决方案的解决方法是能够独立定位最后5个孩子.知道怎么样？
我试图让一些按钮用jquery将文本附加到textarea,我让它工作,但前提是我没有在textarea中输入任何东西.
码:
<textarea name="comments" id="comments" rows="20" style="margin-left: 0px; margin-right: 0px; width: 968px;"></textarea>
<div>
<button>+petname</button>
<button>+lastvisit</button>
<button>+nextvisit</button>
</div>
<script>
$( "button" ).click(function() {
var text = $( this ).text();
$('#comments').append(text);
});
</script>
这段代码正常工作,但是当我在该文本区域输入其他内容时,按钮不再有效??? 为什么!!？？我只是想不通.非常感谢.贾森
我发现有时这段代码会返回 NotFoundError: An attempt was made to reference a Node in a context where it does not exist.
$('a').replaceWith(function() {
return $.text([this]);
});
当锚没有任何文本节点时,它是否抱怨一个案例？也许是一个儿童HTML元素？
JS
$scope.mode = "test"
$scope.array = ['test1', 'test2', 'test3']
HTML
<div ng-switch on="mode">
<div ng-repeat="item in array" ng-switch-when="test">
Test {{item}}
</div>
</div>
当我这样做时,我得到的输出是
Test Test Test
它似乎无法访问项目.如果我删除了ng-switch-when,那么它可以正常工作.
angularjs ng-switch angularjs-directive angularjs-scope angularjs-ng-repeat
我刚刚开始研究AngularJS并遇到了如下问题
我已经创建了一个app.js代码
var myApp = angular.module("myApp",[]);
myApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.when("/getAnimals",{
templateUrl: "templates/showAnimals.html",
controller:"animalController"
});
$routeProvider.when("/getBirds",{
templateUrl: "templates/showBirds.html",
controller: "birdController"
});
}]);
myApp.controller("animalController",function($scope){
$scope.message = "Hello Animal World";
});
myApp.controller("birdController",function($scope){
$scope.message = "Hello Bird World";
});
还有一个index.html
<!DOCTYPE html>
<html ng-app = "myApp">
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.28/angular.min.js"></script>
<script src = "app.js"></script>
</head>
<body>
<div>
<a href = "#getAnimals">Click Here to get Animals</a><br>
<a href = "#getBirds">Click Here to get Birds</a><br>
</div>
<p ng-view></p>
</body>
但我发现这个页面没有加载,并在我检查时显示一个巨大的错误.我实际上并不了解那里发生的事情.但经过几个小时的破解,而不是给CDN我已经添加了另一个CDN即
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> …试着这样做:
var data = {some: 'data'}
var subcomponent = $compile('<div component-' + componentName + ' ng-model="'+data+'"></div>')($scope);
$element.find('.container').html( subcomponent[0] );
我收到错误:
Error: [$parse:syntax] Syntax Error: Token 'Object' is unexpected, expecting []] at column 9 of the expression [[object Object]] starting at [Object]]
试图将这些数据放到link范围内.有没有办法将数据传递到指令范围？
javascript angularjs angularjs-directive angularjs-scope angularjs-ng-model
您好我正在尝试重现下面的代码片段,它在bootstrap中生成一个简单的下拉菜单:
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
但是,我希望能够在angularJS的ng-include中包含li标签...
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<ng-include src="'partials/thisView.html'"></ng-include>
</ul>
</li>
然后在thisView中我会:
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
但问题是,当我这样做时,li标签的父标签不是ng-include标签而不是ul标签,这导致格式看起来很差(没有应用任何引导类/ CSS).
所以DOM看起来像这样: …
html javascript twitter-bootstrap angularjs angularjs-ng-include