2013-02-25 47 views
0

我正在嘗試學習jQuery插件開發,以便在我的大學進行新的實習。試圖在點擊時調用jQuery插件功能

我一直在嘗試構建一個插件,在單擊時爲元素提供隨機背景顏色。

它的工作原理簡單地調用時,即

$("#test").click(randomBackground); 

但是當我嘗試用點擊來稱呼它,我不能讓它開始工作。

這是我的jsFiddle。 http://jsfiddle.net/theluigi/yTy3C/18/

+1

你看看錯誤控制檯,看看你都拿到'隨機化是不是defined'? – Eonasdan 2013-02-25 19:49:08

回答

2

這對我有效。

$("#test").on('click', function(){$(this).randomize()}); 
+0

'on'沒有必要。簡單的'$(「#test」)。click(function(){$(this).randomize()});'會做的。 – 2013-02-25 19:59:31

+0

謝謝。你可以解釋爲什麼簡單地 '$(「#test」)。click(randomize);' 不起作用? – 2013-02-25 20:21:03

0

另一個版本....

randomize = function() { 
      var randomBackground = '#' + (Math.random() * 0xFFFFFF << 0).toString(16); 
      $(this).css("background-color", randomBackground); 
     }; 

    $("#test").click(randomize); 
+0

它被特別要求提供一個jQuery插件,你可以在你的答案中避免這個插件。 – 2013-02-25 19:54:41