循環外事件

Question

我有一個功能，點擊後，會創建2個按鈕。

$(document).ready(function() { 
    $('#Refresh').on('click', basket()); 

    function basket(){ 
     var duplicate = document.createElement('button'); 

     // Write the text for button 
     var duplicate_text = document.createTextNode("Duplicate"); 
     duplicate.appendChild(duplicate_text); 

     $(document.body).append(duplicate); 

     // Create display button 
     var display = document.createElement('button'); 

     // Write the text for button 
     var display_text = document.createTextNode("Display"); 
     display.appendChild(display_text); 

     $(document.body).append(display); 

    } 

    }); 

它的工作原理是如果整個籃子功能在.on函數中。但是，當我像上面那樣取出它時，它停止工作。

這裏有什麼問題？這是關於我缺乏回報嗎？

Answer 1

你可以返回函數如下圖所示

$(document).ready(function() { 
 
    $('#Refresh').on('click', basket); 
 

 
    function basket(){ 
 
     var duplicate = document.createElement('button'); 
 

 
     // Write the text for button 
 
     var duplicate_text = document.createTextNode("Duplicate"); 
 
     duplicate.appendChild(duplicate_text); 
 

 
     $(document.body).append(duplicate); 
 

 
     // Create display button 
 
     var display = document.createElement('button'); 
 

 
     // Write the text for button 
 
     var display_text = document.createTextNode("Display"); 
 
     display.appendChild(display_text); 
 

 
     $(document.body).append(display); 
 

 
} 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" id="Refresh" value="Refresh"/>

Answer 2

要調用basket()過早，在click方法。不要叫basket：

$('#Refresh').on('click', basket); 
// Note basket has no parens, because we are not calling it.