javascript - jQuery 更改事件代码未运行可能的事件冲突

Question

首先我要说的是，这是我学习 jQuery 的第二天，所以我还是一个初学者。

我已经编写了一个文档就绪函数，除了我编写的countryField.change函数之外，所有组件都在工作。我非常确定 Web 应用程序已经具有该字段的更改功能，并且我不确定一个字段上是否可以有两个相同的事件。当我说它不起作用时，我在 Chrome 调试器中设置了一个断点，但它永远不会进入该函数。

也许我必须暂时暂停现有事件，运行我的代码，然后重新启用默认事件？

如有任何帮助，我们将不胜感激。谢谢。

    $(document).ready(function(){
    var submitReady = true;
    var phoneField = $("p.phone").find("input");
    var phoneExt = $("p.Ext").find("input");
    var countryField = $("p.country").find("input");
    var stateField = $("p.state").find("input");
    var provinceField = $("p.Province").find("input");

    var regex = /^\([2-9][0-9]{2}\)\s+[2-9][0-9]{2}\-[0-9]{4}$/;

    phoneField.mask('(000) 000-0000', {placeholder: "(###) ###-####"});
    phoneExt.mask('00000', {placeholder: "#####"});

    $('#pardot-form').submit(function() {
        // DO STUFF
        if (submitReady) {
            if (phoneExt.val() != "") {
                phoneField.val(phoneField.val() + ' x' + phoneExt.val());
                return true;
            }
        }
        else {
            return false;
        }
    });
    phoneField.focusout(function() {
        if (regex.test($(this).val())) {
            submitReady = true;
            return true;
        }
        else {
            $(".form-field.phone").after( "<p class='tempError error no-label'>Please Enter a valid phone number: (###) ###-####</p>");
            submitReady = false;
        }
    });
    phoneField.focus(function() {
        $(".tempError").remove();
    });

    countryField.change(function() {
         phoneField.val("");
         provinceField.val("");
         stateField.val("");
         submitReady = true;
    });
});

Answer 1

你可以试试

$( "p.country" ).change(function() {
    phoneField.val("");
    provinceField.val("");
    stateField.val("");
    submitReady = true;
});