jQuery MiniUI

标题: 动态创建控件的onclick对应函数无法被执行 [打印本页]
作者: jie758    时间: 2013-12-9 23:39:40     标题: 动态创建控件的onclick对应函数无法被执行


我在自己定义的jquery插件中，动态创建了一个toolbar，里面有一个按钮，按钮的onclick="addData()".
但是这个addData函数却始终无法被执行。

下面我附上了我的代码，我用了三种function定义的方式，只有方式三才会被执行。

难道一定要把方法定义在全局上才生效么？？


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <title>Test</title>
  6.     <meta http-equiv="content-type" content="text/html; charset=UTF-8" /><link href="../demo.css" rel="stylesheet" type="text/css" />
  7.     <script src="boot.js" type="text/javascript"></script>
  8.     <style type="text/css">
  9.     </style>   
  10. </head>
  11. <body >   
  12. <div id="test">
  13. </div>
  14. <script type="text/javascript">
  15. (function($){
  16.        
  17.         //方式一
  18.         var addData = function(){
  19.                 alert(12333444);
  20.         };
  21.        
  22.         //方式二
  23.         function addData(){
  24.                 alert(12333);
  25.         }
  26.        
  27.         var $toolbar = $("<div/>").appendTo($("#test")).addClass("mini-toolbar");
  28.         $toolbar.css({
  29.                 padding:"5px",
  30.                 "border-bottom":"0"
  31.         });
  32.         $('<a class="mini-button" iconCls="icon-add" plain="true" onclick="addData()">增加</a>').appendTo($toolbar);
  33.         mini.parse();
  34. })(jQuery);
  35. ////方式三
  36. function addData(){
  37.         alert(12333);
  38. }
  39. </script>

  41. </body>
  42. </html>
复制代码





作者: factory    时间: 2013-12-10 11:19:18

[attach]3385[/attach]

确保你的appendTo()后面的元素正确获取到了

另外,miniui空间的创建方式只有2中
1.JS: var btn = new  mini.Button()

2.'<a class="mini-button"></a>'





欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2