Question

我尝试使用type="button"作为选择器来测试我的自定义Jquery脚本。这是我第一次在WordPress上执行此操作。我无法使用ID。

这是我的代码试图测试警报功能

function wpc_front_end_computation(){?>
<script type="text/javascript">
    jQuery(document).ready(function($) {

        $("input[type='button']").on('click',function()
        {
             alert("Test");
        });
    }
</script>
<?php}

add_action( 'wp_enqueue_scripts', 'wpc_front_end_computation' );

function wpc_calc_frontend_func(){?>
<input type="button" value="Submit">
<?php}

add_shortcode('wpc_calc_frontend','wpc_calc_frontend_func');

我无法弄清楚什么是错的。当我点击按钮时，我无法获得任何警报。

Answer 1

这可能与WordPress将这些元素加载到DOM中的顺序有关，您可以尝试将jQuery更改为以下内容：

jQuery(document).ready(function($) {
  $(document).on("click", "input[type='button']", function() {
    alert("Test");
  });
});

这应该适用于您的jQuery在input type="button"

之前加载到页面上的情况

单击时仅使用jquery的input属性

1 个答案: