附加在div重复之后的jQuery图像，然后消失。

我遇到了一个小问题，我试图在我们的签出页面上的div之后附加一个图像，但结果是图像在页面加载时出现两次，然后完全消失。我的直觉是，要么我错误地调用了图像（对所有东西JS来说都是新的），要么是另一个JS函数导致了错误

我的代码相当简单&如下所示，有人能帮我找出我做错了什么吗

// Add PayPal Certificate Image
// =============================================================================
function add_paypal_certificate_code(){
?>

<!-- PayPal Pro Certificate -->
<script>
jQuery(function($) { //noconflict wrapper
    $(".payment_method_paypal_pro").append("<img src='//autumnlanepaperie.com/wp-content/uploads/2016/02/PayPal.jpg' />");
});//end noconflict
</script>
<!-- End PayPal Pro Certificate -->

<?php 
}
add_action( 'wp_footer', 'add_paypal_certificate_code' );
// End PayPal Certificate Image
// =============================================================================

//添加PayPal证书映像
// =============================================================================
函数add\u paypal\u certificate\u code（）{
?>
jQuery（函数（$）{//noconflict包装器
$（“.payment\u method\u paypal\u pro”）。附加（“”）；
})；//结束无冲突
嗨，Jeff，当JavaScript代码被删除时，您的代码不会给出任何提示。您可能希望延迟执行，直到加载所有内容为止（使用document.onload）。试试看。这可能是一个解决方案，但对于您提供的代码，我还不能肯定。还有一个小旁注：您应该在将一行html代码发布到此处之前对其进行预处理。浏览器可能不在乎，人眼会在乎！请稍后尝试使用
$（window.load（）移动执行
，如果有其他脚本导致复制和消失。抱歉，波，你是对的-我考虑过了，但决定没有人愿意阅读自动生成的代码，反正我很懒。diynevala，就这样！复制图像的原因是我，结果该类在页面上出现了两次。请留下你的答案&我将把它标记为已接受——非常感谢你们两位！
<!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr><tr><td align="center"><a href="https://www.paypal.com/webapps/mpp/paypal-popup" title="How PayPal Works" onclick="javascript:window.open('https://www.paypal.com/webapps/mpp/paypal-popup','WIPaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=1060, height=700'); return false;"><img src="https://www.paypalobjects.com/webstatic/mktg/logo-center/Security_Banner_150x100_2a.gif" border="0" alt="PayPal Logo"></a></td></tr></table><!-- PayPal Logo -->