幫助一個JavaScript和jQuery函數創建一個函數

Question

所以我有（document）.ready函數內這些功能：

$(document).ready(function() { 
    $("#border_button").click(function() { 
     var value = $("#border-radius").attr("value"); 
     $("div.editable").click(function (e) { 
      e.stopPropagation(); 
      showUser(value, '2', this.id) 
      $(this).css({ 
       "-webkit-border-radius": value 
      }); 
     }); 
    }); 
}); 

我希望能夠寫一個函數的參數，這將是：

(#border_button,#border_radius,2,-webkit-border-radius) 

但每次我寫的功能，並執行它使用functionName（參數）的時候，我得到的錯誤「未定義」

有誰知道如何編寫一個函數這使得w不要返回undefined？

Answer 1

也許是這樣的？不知道爲什麼你想這樣做。

$(document).ready(function(){ 

    function Fos(buttonSel, inputSel, someValue, cssProperty) { 
     $(buttonSel).click(function(){ 
      var value = $(inputSel).attr("value"); 
      $("div.editable").click(function (e) { 

       e.stopPropagation(); 

       showUser(value, someValue, this.id) 
       var css_obj={}; 
       css_obj[cssProperty]=value; 
       $(this).css(css_obj); 
      });   
     });   
    } 

    Fos('#border_button', '#border-radius', 2, '-webkit-border-radius'); 
});   

Answer 2

您沒有創建可在任何地方手動調用的函數。

如果你談論的是一個完全不同的功能：你需要通過你的參數爲字符串，即與'或"報價：

someFunction('#border_button', '#border_radius', 2, '-webkit-border-radius'); 

---

爲了讓您當前的代碼調用一個函數：

function fooBar(selector, fieldSelector, num, cssRule) { 
    $(selector).click(function(e) { 
     var value = $(fieldSelector).val(); 
     $('div.editable').click(function(e) { 
      e.stopPropagation(); 
      showUser(value, num, this.id) 
      $(this).css(cssRule, value); 
     }); 
    }); 
} 

$(document).ready(function() { 
    fooBar('#border_button', '#border_radius', 2, '-webkit-border-radius'); 
}); 

請注意，我已經改變了.attr('value')到.val()因爲這是jQuery的方式來獲得VALU表單域的e。