javascript - onclick 生成无效函数

Question

我有一个附加到函数的变量。我正在尝试在 onclick 事件中使用该变量。这就是我正在做的

var show = function() {
   console.log("hello");
};

$(container).append(
   "<div class='info' onclick=" + show + ">Show</div>"
);

但是生成的html是这样的

<div class="info" onclick="function()" {="" console.log("hello");="" }="">
     Show
</div>

知道如何解决这个问题，以便在单击 div 时调用我的函数吗？

标签： javascriptcss

Answer 1

你可以简单地这样做，只需显示一个函数并在点击时调用它。这将起作用

<script>
   function show() {
      console.log("hello");
   }

   $(container).append(
      '<div class="info" onclick="show()">Show</div>'
   );
</script>