0

我正在尝试使用来自流星包的浮动标签 - https://atmospherejs.com/meteoric/ionic可用@ http://ionicframework.com/docs/components/#forms-floating-labels。但是，一旦我在文本框内单击，浮动标签就不会出现。不知何故，具有类 input-label 的 span 标签的不透明度不会将其不透明度从 0 更改为 1

我创建了一个 Meteorpad @ http://meteorpad.com/pad/bn38rssH3CLdJbAaY/Ionic%20Floating%20Label但是，我认为 Meteorpad 仍然不支持 scss，因此，该应用程序在 Meteorpad 服务器上无法正常工作。也许，您可以下载它并在本地运行它。请将 style.css 重命名为 style.scss。

Ps：流星github页面上也添加了一个问题 - https://github.com/meteoric/meteor-ionic/issues/283

4

1 回答 1

1

流星包确实支持 css，但“浮动标签”功能确实需要一点 javascript 来添加和删除类名。只需将以下内容添加到带有浮动标签的页面中：

$('.item-floating-label>input').on('keyup', function(){
  $(this).val() ? $(this).prev().addClass('has-input') 
                : $(this).prev().removeClass('has-input'); 
});

我之前也将此添加到了 github 页面。

于 2015-08-25T22:38:01.510 回答