Wordpress自定义程序上的按钮没有响应点击事件

Question

我有Wordpress自定义程序的自定义按钮控件。我正在尝试点击事件，但点击后没有任何反应。

按钮代码：

<button type="button" id="Clickme" class="button customize-theme">Reset</button>

我的.js flie

( function( $ ) {$(document).ready(function(){$("#Clickme").click(function({alert("I am clicked");});});} )( jQuery );

实际上我正试图通过ok和取消按钮发出警报。如果用户说好，那么它将在功能下运行。

function reset_mytheme_options() { 
remove_theme_mods();}

Answer 1

自定义程序中的小部件是动态添加的。您可以使用DOMNodeInserted事件来访问这些动态创建的元素。

jQuery(document).ready(function($) {
    $( '#widgets-right' ).delegate( '#customize-theme-controls', 'DOMNodeInserted', function( ev ) {
        $( "#Clickme" ).click( function() {
            console.log("I am clicked");
        });
    }
});