Question

我有一个WordPress页面，带有用于职位列表的插件。
http://svtb.amplus.ch/add-directory-listing?bundle=job_listing

不幸的是，该插件不支持自定义css类。因此，创建网站的人（不是我）添加了javascript一些类来设置表单元素的样式。

每个示例：

HTML：

<fieldset class="sabai-form-field sabai-form-group sabai-form-nolabel sabai-form-type-fieldset s12 m6">

<div class="sabai-form-fields row">    

<div class="sabai-form-field sabai-entity-field sabai-entity-field-type-email sabai-entity-field-name-field-email sabai-form-nolabel sabai-form-type-email s12 m6 input-field col s6">

<input maxlength="255" style="width:100%;" name="field_email[0]" type="email" id="field_email">
<label for="field_email" class="">Email</label>

</div>    </div>    </fieldset>

JavaScript：

      jQuery('[name="field_email[0]"]').attr("id","field_email");
      jQuery( '<label for="field_email">Email</label>' ).insertAfter( "#field_email" );
      jQuery("#field_email").parent().addClass('input-field col s6');
      jQuery("#field_email").parent().parent().addClass("row")

到目前为止效果很好。

但是现在我有添加新字段的任务。其中之一是日期选择器。我的问题是，当我从现有元素中复制javascript时，datepicker不再起作用，通过单击他，它会跳到“ http://svtb.amplus.ch/#”（您可以通过单击最后一个字段（datepicker）进行检查）

如果我将其删除，失败来自javascript，它可以正常工作。不幸的是，我在javascript方面表现得很好，希望你们中的一个人发现javscript中出现了问题。...

Datepicker的HTML

<fieldset class="sabai-form-field sabai-form-group sabai-form-type-fieldset s12 m6">
  <legend><span>Läuft bis</span></legend><div class="sabai-form-fields row">


<div id="sabai-form-8894bad4251196e58b1d664847b11d13-field-laufzeit-0" class="sabai-form-field sabai-entity-field sabai-entity-field-type-date-timestamp sabai-entity-field-name-field-laufzeit sabai-form-type-date-datepicker sabai-form-nolabel sabai-form-type-date-datepicker s12 m6 input-field col s6">
  <input type="text" name="field_laufzeit[0][date]" size="18" class="sabai-date-datepicker-date sabai-focus-off hasDatepicker" data-date-min="0" data-date-max="0" data-date-num-months="1" id="dp1549624265951">
<input type="hidden" name="field_laufzeit[0][alt]" value="" class="sabai-date-datepicker-alt"></div>


  </div></fieldset>

Datepicker的Javascript

    jQuery('[name="field_laufzeit[0][date]"]').attr("id","dp1549624265951");
    jQuery( '<label for="dp1549624265951">Laufzeit des Inserates</label>' );
    jQuery("#dp1549624265951").parent().addClass('input-field col s6');
    jQuery("#dp1549624265951").parent().parent().addClass("row");

谢谢！

Javascript将类添加到HTML元素

0 个答案: