Javascript Jquery：在加载innerHTML后执行Jquery函数

我试图在创建InnerHTML后执行一个简单的单击函数，但它不起作用。控制台中未显示任何内容

$（文档）.ready（函数（）{
var lorum=“我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人。”；
$（“按钮”）。单击（函数（）{
$（'#content'）.html（lorum）；
});
$（函数（）{
$（'#色调'）。单击（函数（）{
$（'#content-2'）.html（lorum）；
});
});
});

生成




$（文档）.ready（函数（）{
var lorum=“我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人。”；
$（“按钮”）。单击（函数（）{
$（'#content'）.html（lorum）；
});
$（函数（）{
$（'#色调'）。单击（函数（）{
$（'#content-2'）.html（lorum）；
});
});
});
生成



$（文档）.ready（函数（）{
var lorum=“我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人，我的爱人。”；
$（“按钮”）。单击（函数（）{
$（'#content'）.html（lorum）；
$（'#色调'）。单击（函数（）{
console.log（“单击a”）；
$（'#content2'）.html（lorum）；
});
});
});

生成


我对你的代码做了一些调整

以下是脚本：

  $(document).ready(function(){
  var lorum = "Lorem ipsum dolor sit amet, leo nulla ipsum vivamus, augue tempor 
  inceptos sed nam rhoncus. Rhoncus montes litora. Praesent ut ad ornare fusce posuere 
  in, libero bibendum, et adipiscing. <a href='#' id='hue'> You can click here </a>";

  $('button').click(function(){
    $('#content').html(lorum);
    $('#hue').click(); //the trigger
  });

  $(function() {
    $(document).on('click','#hue',function() { //the listener
        $('#content-2').html(lorum); 
    });
  });

$（文档）.ready（函数（）{
var lorum=“Lorem ipsum door sit amet，leo nulla ipsum vivamus，augue tempor
从南朗卡斯开始。从利托拉山开始。从波苏尔河开始
在这里，自由女神比本杜姆，等告别。”；
$（“按钮”）。单击（函数（）{
$（'#content'）.html（lorum）；
$（'#色调'）。单击（）；//触发器
});
$（函数（）{
$（document）.on（'click'，'#hue'，function（）{//侦听器
$（'#content-2'）.html（lorum）；
});
});

单击
后，需要触发要单击的
#色调

然后是
#hue
的事件单击侦听器。您需要使用jquery
on（）
方法，而不仅仅是
click（）
，因为加载DOM后
#hue
不存在

有关更多信息，请参阅此链接。
您正在将两个事件侦听器附加到某些项目上，为了发生任何事情，您必须触发侦听器（在本例中，通过单击元素）你能给我看一下吗？不是真的，如果你想
拥有lorum的innerHTML，请单击按钮在事件存在之前将其绑定到一个元素。这就像订购送货食品并试图在它给你之前吃掉它。这不会发生。因此你需要在添加元素时绑定它，或者需要使用事件委托给li在DOM中的不同位置输入元素。
$（文档）。在（“click”、“#hue”，function（）{console.log（“BAM”）}上；
谢谢@epascarello这不会有什么区别。。。。