Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Backbone.js 在页面上打印表单后,如何更改忍者表单生成的标记?_Backbone.js_Marionette_Ninja Forms - Fatal编程技术网

Backbone.js 在页面上打印表单后,如何更改忍者表单生成的标记?

Backbone.js 在页面上打印表单后,如何更改忍者表单生成的标记?,backbone.js,marionette,ninja-forms,Backbone.js,Marionette,Ninja Forms,这就是我要处理的: <nf-field> <div id="nf-field-2-container" class="nf-field-container lastname-container label-above "> <div class="nf-before-field"> <nf-section></nf-section> </div>

这就是我要处理的:

<nf-field>
    <div id="nf-field-2-container" class="nf-field-container lastname-container  label-above ">
        <div class="nf-before-field">
            <nf-section></nf-section>
        </div>
        <div class="nf-field">
            <div id="nf-field-2-wrap" class="field-wrap lastname-wrap nf-fail nf-error" data-field-id="2">
                <div class="nf-field-label">
                    <label for="nf-field-2" class="">Last Name <span class="ninja-forms-req-symbol">*</span> </label>
                </div>
                <div class="nf-field-element">
                    <input id="nf-field-2" name="nf-field-2" class="ninja-forms-field nf-element" type="text" value="">
                </div>
            </div>
        </div>
        <div class="nf-after-field">
            <nf-section>
                <div class="nf-input-limit"></div>
                <div class="nf-error-wrap nf-error">
                    <div class="nf-error-msg nf-error-required-error">This is a required field.</div>
                </div>
            </nf-section>
        </div>
    </div>
</nf-field>

此javascript位于页面的最底部,就在
之前。当我发现出于某种原因,它只能在硬重新加载时工作时(至少在我在本地主机上开发时),我的兴奋是短暂的。

整个表单包装在一个div中,该div具有类
.nf form cont
(或者如果没有,就创建它)

您的JS应该如下所示:

(function ($) {
     $(window).load(function(){
       // Remove unnecessary NF mark ups
       $('.nf-form-cont').find("nf-field").contents().unwrap();
       $('.nf-form-cont').find("nf-fields-wrap").contents().unwrap();
       $('.nf-form-cont').find("nf-section").contents().unwrap();
       $('.nf-form-cont').find("nf-errors").contents().unwrap();
     });
})(jQuery);

初始化/使用忍者表单的视图代码在哪里?只是想一想,您是否尝试过在CSS中使用
nf-field
作为选择器来定位它?
(function ($) {
     $(window).load(function(){
       // Remove unnecessary NF mark ups
       $('.nf-form-cont').find("nf-field").contents().unwrap();
       $('.nf-form-cont').find("nf-fields-wrap").contents().unwrap();
       $('.nf-form-cont').find("nf-section").contents().unwrap();
       $('.nf-form-cont').find("nf-errors").contents().unwrap();
     });
})(jQuery);