jQuery - 在调整屏幕大小时div不关闭

Question

我有这个代码，当点击搜索图标时会显示Hello-World div。我希望这只发生在 exercise.model <- train(classe ~ ., preProcess = c("center", "scale", "BoxCox", "pca"), data =training_data_subset ,method ="rpart");。

我面临的问题是，screen size is < 768px， ，如果首次打开div ，则screen is > 768px中的div不会隐藏}，并且在屏幕调整大小之前没有关闭。

screen size < 768px

选择我的jsfiddle，打开div，不要关闭，然后调整屏幕大小！

如何防止这种情况发生？

Answer 1

由于您使用JavaScript来显示/隐藏div，因此您必须在css中使用!important来覆盖JavaScript添加的内联样式（display: block;）。试试这个：

.input-visible {
  display: none !important;
}