jQuery onClickfunction不起作用

我有一个函数，我放在document.ready中，该函数是从特定按钮的onclick调用的。 单击按钮时没有任何反应。

$(document).ready(function() { function myFunctionDelete() { alert("Delete Clicked."); } } 

这是链接到该按钮的相应HTML。

 
 Edit Event Now
 
    
Title: 
Time:-- 12 12 34 56 78 910 11 -- 00 0510 1520 2530 3540 4550 55 am pm
 
All Day Event? 
 
 Delete Event  

Answer 1

问题是您的myFunctionDelete函数无法全局访问，因为它是在文档的ready事件中定义的。 您需要将该函数移出事件处理程序。 换句话说，改变：

 $(document).ready(function() { function myFunctionDelete() { alert("Delete Clicked."); } } 

至：

 $(document).ready(function() { // Any code that should be run when the DOM is ready }); // This is now a global function function myFunctionDelete() { alert("Delete Clicked."); } 

Answer 2

你在这里所做的是从你指定的函数内部定义一个函数，它将是document.ready的事件处理程序。 这意味着您的myFunctionDelete函数的范围将限制为document.ready函数的范围，并且任何其他Javascript例程将无法访问它。

您只需要在document.ready事件处理程序中放置一次性初始化逻辑，而不是所有代码都需要去那里， 特别是如果您只是使用HTML onclick="..."属性。

另外，你错过了a ); 在document.ready事件处理程序的末尾。

试试这个：

 $(document).ready(function() { }); function myFunctionDelete() { alert("Delete Clicked."); } 

或者抛弃onclick并使用它：

 Delete Event 

有了这个：

 $(document).ready(function() { $('#deleteButton').click(function() { alert("Delete Clicked."); }); });