Question

我想在每个以div开头的类的language中添加一个按钮来复制代码。它当前正在工作，但是我尝试使用Ajax从数据库中获取数据，并且在完成Ajax操作之后，按钮没有像之前Ajax一样出现在div中，那么该怎么做呢？

我的代码

JS

$("div[class^='language-'],div[class*=' language-']").append('<button class="CopyClipboard">Copy Icon</button>');

AJAX请求的数据

<p>blah blah blah</p>
<div class="language-php">
   <code>echo 'hello World';</code>
</div>

应该是这样

<p>blah blah blah</p>
<div class="language-php">
   <code>echo 'hello World';</code>
   <button class="CopyClipboard">Copy Icon</button>
</div>

希望你能理解对不起，我的英语：）

Answer 1

如果我理解您的问题，则在页面完全加载后的某个时候通过AJAX通过language-php类导入div，附加按钮的javascript代码只会执行一次（很可能在页面加载期间或加载之后））。您需要的是一个事件（onclick，onchange等），该事件会触发您的附加操作或将您的代码放入AJAX成功回调中。

无法将带有jquery的元素附加到用ajax请求的数据中

1 个答案: