javascript - 附加 html 后欧芹不起作用

Question

我尝试了以下代码，但当输入框中没有数据时它不会通知。当我直接添加此内容(不附加)时，它会起作用。我在这里做错了什么

var output = "<form class=\"registration__form\">\n"+
            "<ul class=\"form-fields\">\n"+
            "<li>\n"+
            "<input type=\"text\" name=\"msisdn\" id=\"field-msisdn\" placeholder=\"Enter your&nbsp;MSISDN\" autofocus required data-parsley-required-message=\"Please insert your MSISDN\">\n"+
            "</li>\n"+
            "<li>\n"+
            "<input type=\"button\" class=\"btn btn--large btn--fill btn--full\" value=\"Reset&nbsp;PIN\" onclick=\"submitMSISDN($('#field-msisdn').val());\"/>\n"+
            "</li>\n"+
            "</ul>\n"+
       "</form>";


$("#gadgetBody").empty();
        $("#gadgetBody").append(output);
        $("#gadgetBody").parsley();

Answer 1

您必须在表单上调用 parsley()，而不是在包含表单的任何内容上调用。

就您而言:$("#gadgetBody form").parsley() 应该可以。