从javascript加载内容时调用onclick

大家好，我需要关于这个问题的帮助，我尝试单击copyCodeBtn在模式弹出后调用复制内容并从javascript检索内容

我需要当我点击copyCodeBtn调用copy函数时，我的内容是基于javascript的，我尝试了很多次，但没有成功解决它

$（'copyCodeBtn'）。在（'click'，function（）上{
var$this=$（this）；
//击中目标
var target=$this.data（'target'）；
//选择键
$（'#'+target）[0]。选择（）；
//复制密钥
文件。执行命令（“副本”）；
});
});
//加载事务列表模式
函数loadModalCopyGiftCardCode（giftcard）{
//显示模态
$（'modalPopup'）.modal（'show'）；
var modalBody=''；
modalBody+=''；
modalBody+=''；
modalBody+='在线下和网上商店扫描二维码以获取兑换权
'；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+='复制礼品卡代码'；
modalBody+=''；
modalBody+=''；
modalBody+=''；
//情态标题
var modalTitle=‘礼品卡代码’；
//在模态体上显示Html
$（“#modal cus title”）.html（modaltite）；
//在模态体上显示Html
$（“.modal body”）.html（modalBody）；
}

&时代；

您在这里遇到了一个问题，因为您试图在将

添加到DOM并存在之前，为
\copyCodeButton
设置
单击事件

将按钮的HTML添加到DOM后附加事件处理程序：


//加载事务列表模式
函数loadModalCopyGiftCardCode（giftcard）{
//显示模态
$（'modalPopup'）.modal（'show'）；
var modalBody=''；
modalBody+=''；
modalBody+=''；
modalBody+='在线下和网上商店扫描二维码以获取兑换权
'；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+=''；
modalBody+='复制礼品卡代码'；
modalBody+=''；
modalBody+=''；
modalBody+=''；
//情态标题
var modalTitle=‘礼品卡代码’；
//在模态体上显示Html
$（“#modal cus title”）.html（modaltite）；
//在模态体上显示Html
$（“.modal body”）.html（modalBody）；
$（'copyCodeBtn'）。在（'click'，function（）上{
var$this=$（this）；
//击中目标
var target=$this.data（'target'）；
//选择键
$（'#'+target）[0]。选择（）；
//复制密钥
文件。执行命令（“副本”）；
});
}

&时代；
您的代码中有一些错误，您有两个
}）虽然只有一个意见括号，我认为这会弄乱java脚本，导致“loadModalCopyGiftCardCode”无法定义，并且错误

Error:{
  "message": "Uncaught ReferenceError: loadModalCopyGiftCardCode is not defined",
  "filename": "https://stacksnippets.net/js",
  "lineno": 13,
  "colno": 122
}

同样，这可能只是我，但是
giftcard
（如
函数加载modalcopygiftcardcode（
giftcard
）
）在哪里使用css文件？我在你的html中没有看到任何样式标记。。。还是你现在不做造型？@ElliotMassey是的，我现在不做造型。我仍在使用Bootstrap4