Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
缩短这些javascript(JQuery)函数_Javascript_Jquery - Fatal编程技术网

缩短这些javascript(JQuery)函数

缩短这些javascript(JQuery)函数,javascript,jquery,Javascript,Jquery,这里有一长串jquery幻灯片函数: 不同的ID但行为相同 代码: 我想知道的是我怎样才能使它简短而精确 我试过这样的方法,但没有成功: $(document).ready( function() { $('#all-active-users').dataTable( { "bJQueryUI": true, "sPaginationType": "full_numbers" } ); $('#all-deactivated-users'

这里有一长串jquery幻灯片函数:

不同的ID但行为相同

代码:

我想知道的是我怎样才能使它简短而精确

我试过这样的方法,但没有成功:

$(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);
});