Question

我对这一切都很陌生，我正在尝试复制附加了JavaScript onclick功能的图片。我已将图像和编码复制并将其放在新页面上，但onclick功能似乎不起作用。然而原来的工作就好了。原始的onclick打开了一个模态窗口，但重复的窗口没有任何作用。

我错过了什么？

以下是具有onclick功能的图像：

<img id="product-bump-<?php echo $product->ID; ?>" src="<?php echo get_template_directory_uri();?>/assets_consumer/assets/img/bump-icon_.png" width="20"   class="product-arrow" data-toggle="tooltip" data-placement="left" title="Bump" onclick="javascript:bump_hype_product(<?php echo $product->ID; ?>, 'B')" />

以下是我的consumer-global.js文件中的函数：

function bump_hype_product(post_id, type_text){
jQuery('#product-message-confirmation-wrap').hide();
jQuery('.popup-waiting-wrap').show();
jQuery('#modal_product_message_confirmation h4.modal-title').html('');

jQuery.ajax({
    url : the_ajax_script.ajaxurl,
    type : 'post',
    data : {
        action : 'bump_hype_product',
        type : type_text,
        post_id : post_id
    },
    success : function( response ) {

        jQuery('.popup-waiting-wrap').hide();
        jQuery('#product-message-confirmation-wrap').show();
        jQuery('#product-message-confirmation-wrap').html(response);

        jQuery('#modal_product_message_confirmation').modal('show');
    }
});

脚本文件列在我所有页面的标题中。

Answer 1

当您使用javascript函数复制图像时，动态生成的图像不会与HTML Dom绑定，因此您将面临此问题。搜索Jquery的Delegate事件并使用委托事件重构代码。它会工作!!

Answer 2

试试这样：

this.lock.on('authenticated', (authResult) => {
  localStorage.setItem('id_token', authResult.idToken);
});

这将向您的静态元素添加事件侦听器，以便可以绑定在该静态div中添加的动态元素。

重复JavaScript onclick功能，只有原始作品？

2 个答案: