尝试制作可重用的代码,使用函数参数填充名为 target 的变量的区域
Trying to make reusable code, using the function parameter to fill in the areas of the variable named target
尝试制作可重用的代码,使用函数参数填充名为target的变量的区域。 我什至不确定我是否可以以这种方式使用它。
加工:
function loadBtn() {
sizeOfPartnersList = $("#partners div.partner-wrapper").size();
x=4;
$('#partners div.partner-wrapper:lt('+x+')').css('display', 'table');
$('.load-more-btn').click(function () {
x= (x+4 <= sizeOfPartnersList) ? x+4 : sizeOfPartnersList;
$('#partners div.partner-wrapper:lt('+x+')').css('display', 'table');
var numberOfVisiblePartners = $('div.partner-wrapper:visible').size();
if ( numberOfVisiblePartners === $("#partners div.partner-wrapper").size()) {
$('.load-more-btn').hide();
};
});
}
$(document).ready(function () {
loadBtn();
});
不工作:
function loadBtn(target) {
// target = target;
sizeOfPartnersList = $("#partners div." + target).size();
x=4;
$('#partners div.'+ target ':lt('+x+')').css('display', 'table');
$('.load-more-btn').click(function () {
console.log('loading-02');
x= (x+4 <= sizeOfPartnersList) ? x+4 : sizeOfPartnersList;
$('#partners div.'+ target ':lt('+x+')').css('display', 'table');
var numberOfVisiblePartners = $('div.'+ target ':visible').size();
if ( numberOfVisiblePartners === $("#partners div." + target).size()) {
$('.load-more-btn').hide();
};
});
}
$(document).ready(function () {
loadBtn('partner-wrapper');
});
字符串中存在一些错误,在连接字符串和变量时始终需要使用+
。
$('#partners div.'+ target ':lt('+x+')')
应该是
$('#partners div.'+ target +':lt('+x+')')
这里也一样:
$('#partners div.'+ target ':lt('+x+')').css('display', 'table');
var numberOfVisiblePartners = $('div.'+ target ':visible').size();
更改为:
$('#partners div.'+ target +':lt('+x+')').css('display', 'table');
var numberOfVisiblePartners = $('div.'+ target +':visible').size();
请注意每行中target
后添加的+
。
完整代码:
function loadBtn(target) {
sizeOfPartnersList = $("#partners div." + target).size();
x=4;
$('#partners div.'+ target +':lt('+x+')').css('display', 'table');
$('.load-more-btn').click(function () {
console.log('loading-02');
x= (x+4 <= sizeOfPartnersList) ? x+4 : sizeOfPartnersList;
$('#partners div.'+ target +':lt('+x+')').css('display', 'table');
var numberOfVisiblePartners = $('div.'+ target +':visible').size();
if ( numberOfVisiblePartners === $("#partners div." + target).size()) {
$('.load-more-btn').hide();
};
});
}
$(document).ready(function () {
loadBtn('partner-wrapper');
});
相关文章:
- 如何让typeahead在我的搜索栏中填充自定义参数
- 如何使用Javascript从URL参数中自动填充文本字段
- IE JavaScript参数和填充输入字段
- 流星将参数传递给助手以基于该参数填充页面
- 使用javascript从url参数填充texbox值
- 当表单控件选项具有多个参数时,如何在组合框中填充所选项目
- 控制器操作参数未从 AJAX 开机自检正确填充
- 填充的参数什么都没有被填充
- 尝试制作可重用的代码,使用函数参数填充名为 target 的变量的区域
- 使用基于查询字符串参数的 Angular 填充选择元素
- Rails 输入表单填充了 jQuery .val(),但参数中不存在数据
- 使用javascript数据填充rails参数
- Angular UI路由器-尽管$stateParams获取对象,但不填充参数
- Javascript回调函数-如何填充参数
- React-router没有填充参数
- 如何填充参数$cordovaSQLite作为我自己的数组
- Javascript:如何打开一个字段填充参数的表单
- 在不同的页面上使用不同的颜色更改SVG填充参数
- Angular2:路由器未填充参数
- 用文本字段中的字符填充参数