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);