javascript - jquery.click(function) WordPress 小部件

Question

当我在 header 中使用此函数时，它工作正常，但当我在小部件中使用它时，什么也没有发生

$("#myID").click(function(){
    var name = $("#name").val();
    var phone = $("#phone").val();
    console.log(name +" "+ phone); 
    if(name.length > 1 && phone.length > 7){
    $.ajax({
        url: 'my_url',
        type: 'post',
        data: {'name': name,
        'number': phone},
        success: function(data){
        $(".header-bg-title").html('thanks');
        $("span.white").hide();
        },
        error: function(response){
            alert('error'); 
        }
    });
    } else {
        $("p#onerror").html('write your name & number');
    }

});

html

<div class="col-xs-12">
<h2>text</h2>
<p id="onerror">My text</p>
<p><input id="name" class="form-control" type="text" placeholder="Name" /></p>
<p><input id="phone" class="form-control" type="text" placeholder="Phone" /></p>
<p><button id="myID" class="btn btn-warning btn-block btn-lg" type="button">Send</button></p>
</div>

有人有建议吗？

Answer 1

据我所知，.click 在执行时会附加到该项目，如果该项目不存在，则在小部件的情况下它将不会附加。我可能是错的，试试这个，看看它是否有效。

$('body').on('click', '#myID', function() {
    ...
});