動態建立呼叫的jQuery插件

Question

我願做以下的號召建立一個jQuery插件

jQuery("#wrapper").myPLugin({ 
    direction: direction, 
    switch myOption 
    { 
     case "small": 
     items:10, 

     case "big": 
     items:25, 

    } 
    switch otherOption 
    { 
     case "small": 
      prev: { 
      button: buttonPrev, 
      key: "left" 
     }, 

     case "big": 
      prev: { 
      button: buttonPrev, 
      key: "left" 
     }, 

    } 
    pagination: ".paginationHolder" 
}); 

顯然，這是不行的，但什麼是這幾樣集結的最佳途徑，有動態建立到jQuery插件這樣

Answer 1

選項調用的一般方法1

三元運算符是你的朋友

condition ? trueResult : falseResult 

所以你的情況可能是

jQuery("#wrapper").myPLugin({ 
    direction: direction, 
    items: myOption == "small" ? 10 : myOption == "big" ? 25 : 0, // or some default value 
    prev: otherOption == "samll" ? {button: prevButton, key: 'left'} : otherOption == "big" ? {button: prevButton, key: 'left'} : null, 
    pagination: ".paginationHolder" 
}); 

選項2

另一種方法是建立你的對象調用的外部，畢竟JavaScript對象是完全dynamicallly類型：

var setup = new object(); 
setup.direction = "foo"; 
switch(myOption){ 
    case "small": 
    setup.items = 10; 
    break; 
    case "big": 
    setup.items = 25; 
    break; 
} 
switch(otherOption){ 
    case "small": 
    setup.prev = {button: prevButton, key: 'left'}; 
    break; 
    case "big": 
    setup.prev = {button: prevButton, key: 'left'}; 
    break; 
} 
setup.pagination =".paginationHolder" 

jQuery("#wrapper").myPLugin(setup);