notify.js 不适用于 ajax 响应元素答案

【问题标题】：notify.js does not work for ajax response elementsnotify.js 不适用于 ajax 响应元素
【发布时间】：2016-06-12 18:34:07
【问题描述】：

我有一个这样的简单表格：

<form>
    <fieldset>
        <label class="col-md-4">quantity</label>
        <input id="qta" type="text" data-validate="required,number">
    </fieldset>
    <fieldset class='form-group col-md-6'>
        <label class='col-md-4'>price</label>
        <input id='price' type='text' data-validate='required'>
    </fieldset>
    <input type='submit' value='insert'>
</form>

如果此表单作为 ajax 响应加载到页面中，则通知不起作用，为什么？

在一个简单的.php 页面中键入表单标签之间的所有内容（没有 ajax 调用）通知效果很好。
我应该更改 ajax 调用设置吗？是ajax调用问题吗？

谢谢大家

【问题讨论】：

标签： jquery-plugins notifyjs

【解决方案1】：

通常你应该在你的 ajax 响应返回时触发通知

$.post(
    urlPath,
    function(response) {
        if (// check response validity) {
            noty({
                // your notify configuration
            });
        }
    }
);

【讨论】：

【解决方案2】：

所以..问题是：ajax 调用后访问 dom 元素？

我指的是： Accessing DOM object after AJAX call?

就我而言，ajax 调用将<form>...</form> 内容附加到表单标签中，正如我昨天发布的那样，包括输入提交。 Onclick 应该启动 notify.js 数据验证（例如，data-validate=required）但什么都没有。

根据您的说法，我可以直接将通知触发到 ajax $.post{...}，但在这种情况下，我没有自定义验证/通知（例如，必需的、数字、字符串...）并且它们应该开始没有更多的代码输入..

我该怎么办？

感谢

【讨论】：