缩短这些javascript(JQuery)函数
这里有一长串jquery幻灯片函数: 不同的ID但行为相同 代码: 我想知道的是我怎样才能使它简短而精确 我试过这样的方法,但没有成功:缩短这些javascript(JQuery)函数,javascript,jquery,Javascript,Jquery,这里有一长串jquery幻灯片函数: 不同的ID但行为相同 代码: 我想知道的是我怎样才能使它简短而精确 我试过这样的方法,但没有成功: $(document).ready( function() { $('#all-active-users').dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers" } ); $('#all-deactivated-users'
$(document).ready( function() {
$('#all-active-users').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
$('#all-deactivated-users').dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
} );
只要我想把它缩短,代码就失效了
任何变通办法都将受到赞赏。谢谢。给他们每人分配一节课,比如说mySlider
如果您的插件支持多个选择器,请尝试以下操作:
$(document).ready(function () {
$('#all-active-users, #all-deactivated-users, #all-ppmps, #agency-users, #all-ppmps-by-agency, #ppmp-form, #all-agencies, #ppmp-uploaded-files, #agency-types')
.dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
});
您还可以尝试使用以下各项:
有一条规则可以应用于所有编程。不要重复你自己 注意你所有的方法都在做同样的事情吗?所以,您要做的是封装它,然后简单地为每个更改调用它 创建如下函数:
var doSomething = function(selector){
$(selector).dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
};
$(document).ready( function() {
var doSomething = function(selector){
$(selector).dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
};
doSomething('#all-active-users');
doSomething('#all-deactivated-users');
} );
现在我们有了一个函数,我们可以调用任何我们喜欢的选择器,如下所示:
var doSomething = function(selector){
$(selector).dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
};
$(document).ready( function() {
var doSomething = function(selector){
$(selector).dataTable( {
"bJQueryUI": true,
"sPaginationType": "full_numbers"
} );
};
doSomething('#all-active-users');
doSomething('#all-deactivated-users');
} );
几乎到了,但我们仍在重复自己,每次都这么叫。那么,为什么不这样做:
$.each(['#all-active-users', '#all-deactivated-users'], function(index, value) {
doSomething(value);
});
类似不幸的是,原始代码已从该代码中删除。但你可以在那里找到答案。这似乎是常见的iditis病例。使用类,一切都会变得更简单。让我试试这个。谢谢,我真是个新手。Waaa我忘了类比IDs好一些。谢谢你帮我记住这些事情。
$.each(['#all-active-users', '#all-deactivated-users'], function(index, value) {
doSomething(value);
});