用于多个类事件Jquery的单个函数
Single function for multiple class events Jquery
原因是我在应用程序的不同位置使用了相同的事件。我想为.red1&做同样的函数。black1和.red2&blcak2。我怎样才能做到这一点。请更正我的代码。
function resize() {
var position= $('.red').offset();
if (position) {
var top= position.top;
var newtop = top + 20 + "px";
$('.black').css( {
'top': newtop
});
}
}
$(window).resize(function(){
resize();
});
window.onload = resize;
div {
position:fixed;
}
}
.red
{
top: 40px;
}
.red1
{
top:80px;
}
.red2
{
top:140px;
}
.red3
{
top:200px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="red">red</div>
<div class="black">black</div>
<div class="red1">red1</div>
<div class="black1">black1</div>
<div class="red2">red2</div>
<div class="black2">black2</div>
<div class="red3">red3</div>
<div class="black3">black3</div>
function resize() {
$('[class^=red]').each(function() {
var that = $(this);
var classNum = that.attr('class').replace('red', '');
var position = that.offset();
if (position) {
var top= position.top;
var newtop = parseInt(top) + 20 + "px";
$('.black' + classNum).css( {
'top': newtop
});
}
});
}
function resize(getoffset,setoffset) { //getoffset is red1,red2. setoffset is black1,black2
var position= $('.'+ getoffset).offset();
if (position) {
var top= position.top;
var newtop = top + 20 + "px";
$('.' + setoffset).css( {
'top': newtop
});
}
}
$(window).resize(function(){
resize();
});
window.onload = resize();
相关文章:
- 用于多个类事件Jquery的单个函数
- 使用JavaScript&jQuery在单个函数(Nodes&Stuff)中
- 多个事件,用于触发 Chrome 书签 API 中的单个函数
- Javascript 使用单个函数从另一段代码中取消 POST
- jQuery children().fadeOut() 然后执行单个函数
- JavaScript 中的单个函数多次调用
- 使用单个函数进行货币验证和格式化
- Jquery 对多个 ID 应用单个函数
- 角度 - 我可以在嵌套的 ng-repeat 中的多个对象上使用单个函数来触发该对象的 ng-show 吗?
- 如何将这些函数合并为具有属性的单个函数
- 带有两个ajax调用的单个函数
- 单个函数中有多个RegExp
- 声明对象以在单个函数中重复使用的范围
- Javascript装饰器模式-原型或单个函数
- require node.js模块在单个函数中与全局函数中对性能的影响
- 在单个函数中包装链接函数的Javascript
- 需要协助将jquery单个函数转换为具有多个函数的对象实例
- jQuery:对于类似的操作,使用单个函数而不是重复的函数
- 针对浏览器和NodeJS的单个函数模块的语法
- 在触发单个函数之前,等待所有.then()执行完毕