Question

我的输入类型为sampleGeoJSON.eachLayer(function(layer) { console.log(layer._leaflet_id); })，两个hidden。如何根据隐藏类型的输入值更改要显示的div？如果输入不值，我想将display none设置为具有class activeno的div。如果输入有值，我想将display none设置为调用activeyes的div，并使用classname activeno显示div。我写了下面的代码添加和删除类，但它不起作用。这是我的片段：

divs

$( document ).ready(function() {
    tmpval = $('#inputi').val();
    if(tmpval == '') {
      $('.activeyes').addClass('activeyes2');
    } else {
      $('activeno').addClass('activeno2');
    }
});

.mysite h1{ display:block;}
.activeyes{ display:none !important;}
.activeyes2{ display:block !important;}
.activeno{display:none !important;}
.activeno2{display:block !important;}

Answer 1

您要添加类以更改显示但不删除已存在的类。请注意，通常不建议使用!important。您可以使用.show()和.hide()来显示或隐藏jquery中的元素。当你展示一个隐藏另一个。

＆＃13;

$(document).ready(function() {

  tmpval = $('#inputi').val();
  if (tmpval == '') {
    $('.activeyes').show();
    $('.activeno').hide();
  } else {
    $('.activeno').show();
    $('.activeyes').hide();
  }
});

＆＃13;

.mysite h1 {
  display: block;
}

.activeyes {
  display: none;
}

.activeyes2 {
  display: block;
}

.activeno {
  display: none;
}

.activeno2 {
  display: block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<input type="text" value="[##cms.query.enable##]" id="inputi" />
<div class="mysite">
  <h1 class="activeyes"> Yes active </h1>
  <h1 class="activeno"> No not active </h1>
</div>

＆＃13;

检查是否为空输入将类添加到div else remove class

1 个答案: