我的DOM中有一个元素,我附加了一个ID.我想在页面加载后调用焦点在该元素上并将其设置为css样式(边框:黄色)以突出显示它当前是焦点.这就是我所拥有的:
//main.html
<myElement id= 'myEl'>
//main.js
window.setTimeout(function () {
document.getElementById('#myEl').focus();
}, 0);
当我刷新页面时,我收到此错误:
未捕获的TypeError:无法读取null的属性'focus'
我有一个旋转木马设置,我点击事件绑定到导航箭头.单击它们时,我使用jQuery动画在下一个轮播幻灯片的元素中制作动画,并且由于动画的性质,我使用setTimeout()了几次.
我有一个错误,如果我单击一个箭头,然后快速单击上一个或下一个箭头,动画将因为超时(这个项目中必需的)而混淆,并且在屏幕上不呈现任何内容.我已经看了一段时间了,我认为最好的方法可能是防止其他箭头在当前动画完成之前被点击.
每个箭头被控制click未on:('click', function() ...等:
$("#arrow1").click(function() {...}
我看了看
$("element").off("click");
但由于他们没有使用'on'方法附加,我认为这不会起作用.
我想要的东西:
$("#arrow1").click(function() {
$("#arrow2, #arrow3, #arrow4").off("click");
// do my animations, then
$("#arrow2, #arrow3, #arrow4").on("click");
}
但我还没有能够让它工作.
我有一个链接到我在Fiddle的代码.
HTML:
<table border="0" cellpadding="1" cellspacing="0">
<tbody>
<tr>
<td class="padding-right-5">
<span class="plain-select">
<select name="event_type_1" id="event_type_1" tabindex="24" class="form-control" style="padding: 7px 12px;">
<option value="option_1">Option 1</option>
</select>
</span>
</td>
<td class="padding-right-5">
<input name="event_names_1" type="text" id="event_names_1" class="form-control" style="text-align: left; padding-left:5px;" tabindex="24">
</td>
<td class="padding-right-5">
<input name="school_1" type="text" id="school_1" class="form-control" style="text-align: left; padding-left:5px;" tabindex="25" value="">
</td>
<td class="padding-right-5">
<input name="event_time_score_1" type="tel" id="event_time_score_1" class="form-control responsive-placeholder text-center" tabindex="26" size="10" maxlength="10">
</td>
<td class="padding-right-5">
<div class="btn btn-xs btn-primary add-row">
Add row
</div>
</td>
</tr>
<tr style="display: …我试图找出如何在数组中定位负数.我有这个
function SummPositive( array ) {
}
SummPositive( [ 1, 2, 3, 4, 5, -2, 23, -1, -13, 10,-52 ] );
这是一个具有负数和正数的数组.当您不知道数组中有多少负数时,如何定位数组中的所有负数？
例如,我正在尝试to...loop整个数组,找到正数,将它们存储在另一个数组中,并进行求和(1+2+3+4+5+10+23).
但我是菜鸟,我不知道怎么做.如果可能,只使用本机js
如何使用ajax更改img的img src.我有我的数据库中的位置保存,我想data[0]['patient_photo']从我的图像中设置这样的html 的值的img src :
<img id="checkup_pic" src="">
这是我的ajax代码:
success: function(data) {
$('#valfname').text(data[0]['patient_fname']);
$('#valmname').text(data[0]['patient_mname']);
$('#vallname').text(data[0]['patient_lname']);
$('#valad').text(data[0]['patient_address']);
$('#valcont').text(data[0]['patient_contact_info']);
$('#valsex').text(data[0]['patient_sex']);
$('#valcvilstat').text(data[0]['patient_civil_status']);
$('#valbday').text(data[0]['patient_bday']);
$('#valage').text(data[0]['patient_age']);
$('#valheight').text(data[0]['patient_height']);
$('#valweight').text(data[0]['patient_weight']);
$('#checkup_pic').attr("src","");
var x = 1;
$("#sinolo input").attr('value', x);
$("#inc").click(function(){
$("#sinolo input").attr('value', x++);
});
$("#dec").click(function(){
$("#sinolo input").attr('value', x--);
});#sinolo{
width: 35%;
float: left;
}
#sinolo input{
width: 45%;
border: none;
text-align: center;
}
#sinolo button{
width: 25%;
font-size: 10px;
padding: 8px 0px;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div id="sinolo">
<button id="dec" class="btn btn-info fa fa-minus pull-left"></button>
<input type="text" name="" value="">
<button id="inc" class="btn btn-info fa fa-plus pull-right"></button>
</div>你可以看到我面临两个问题.
在我按下按钮的开始时,该过程延迟并通过第二次点击开始计数.
如果我按下+(加号)按钮然后按 - (减号)按钮,则该过程无法正常工作.我能做什么？
我正在使用这段代码禁用预览页面的所有链接:
var disableLink = function(){ return false;};
$('a').bind('click', disableLink);
这将禁用静态加载的所有链接.但是,使用ajax加载的所有标记仍然是可压缩的.
我该如何制作它以便在我的预览中禁用所有链接,甚至是动态加载的链接.
我在解决方案附近吗？我总是得到双倍数量的辅音.
我确信这是正确的做法.
function consonants(str) {
var countConsonants = 0;
for (var i = 0; i <= str.length; i++) {
if (str[i] !== "a" || str[i] !== "e" || str[i] !== "i" ||
str[i] !== "o" || str[i] !== "u" || str[i] !== " ") {
countConsonants += 1;
}
}
return (countConsonants);
}
consonants("asdfghaaa");我期待5的答案,即sdfgh辅音.
<!DOCTYPE html>
<html>
<head>
<style>
.dropdown-content a{
display: block;
background-color: blue;
}
</style>
</head>
<body>
<div class="dropdown-content">
<a>1</a>
<a>2</a>
</div>
<script>
window.onclick = function(event){
if(!event.target.matches('.dropdown-content')){
alert("foo");
}
};
</script>
</body>
</html>
我试图alert(foo);仅在我们没有点击div正文中标签内的任何内容时才执行。不幸的是，无论我点击哪里，它都会执行。为什么？
我正在尝试绑定 onclick 以选择带有 select2 初始化的输入元素。
我想在单击或聚焦下拉列表时绑定处理程序。
<select class="form-control" id="type" name="type" required="required">
<option value="breakfast" <?= ($type == 'breakfast')? 'selected' : '';?>>Breakfast</option>
<option value="snacks" <?= ($type == 'snacks')? 'selected' : '';?>>Snacks</option>
</select>
这是js部分：
$('#type').select2({}).on("select2-selecting", function(e) {
console.log('not working');
});
我也试过“ select2-open/opening”但无济于事。如何使事件绑定工作？