没有函数调用 onClick

Question

我有一个内部有函数的对象，但我无法在单击时执行该函数

这是小提琴https://jsfiddle.net/tgxu7rpv/23/

这是代码

$(document).ready(function () {
  MyObject = {
       ae: function(clicked_id) {
       var items = JSON.parse(localStorage.getItem('entry'));
       if (items == null || typeof items !== 'object') {
      items = [];
        }
      var entry = {
      'num': clicked_id
      };
     items.push(entry);
     localStorage.setItem('entry', JSON.stringify(items));

     alert(localStorage.getItem('entry'));

     var fromStorage = localStorage.getItem('entry');
     for (var data in fromStorage) {
       alert("Value" + fromStorage[data]); 
      }
    }
   };

 $(document).on('click', '.btn-primary', function(){

 $('.table tbody').append('<tr class="child"><td>one</td><td><button id="num" onClick="MyObject.ae(this.id);" type="button" class="invite ">Invite</button></td></tr>');

      });
});

我不能调用函数onClick="MyObject.ae(this.id);"

Answer 1

此问题是 JSFiddle 中的默认设置之一造成的。

您需要更改其中一项 javascript 设置。

将负载类型设置从：

到：

这应该可以解决问题！