Noob 帮助 Jquery 输入表单、焦点、模糊、按键 - 光标未更改?
我在使用一些奇特的 jquery 构建表单时遇到问题,类似于 tumblr 的网站。
- 我正在使用此链接中的插件 http://fuelyourcoding.com/scripts/infield/
这是我到目前为止所使用的内容 http://www.mestudios.com/form/index2.html
我想要什么但无法弄清楚的是,在单击输入字段后,将光标:指针更改为光标:文本。
类似于 Tumblr 登录或注册表单。
现在标签位于字段上方,并且只接受:hover,而不接受:focus,因为它是标签。
如有任何帮助,我们将不胜感激,谢谢。
如果我删除了标签宽度和填充,它仅在标签文本不存在的区域中起作用(尽管看起来更像是我想要的方向,但仍然不可接受,但是当您将鼠标悬停在标签文本上时,光标会变成再次指针)
添加这个有效。 var $input = $('输入'); $input.focus(function(){$(this).prev().css('cursor','text')}); $input.blur(function(){$(this).prev().css('光标','指针')});
I am having trouble building a Form with some fancy jquery, similar to tumblr's website.
- I am using the pluggin from this link
http://fuelyourcoding.com/scripts/infield/
This is what I have working with so far
http://www.messtudios.com/form/index2.html
What I want to do but can't figure out is changing the cursor:pointer to cursor:text, after you have click on an input field.
Similar to Tumblr login or signup form.
Right now the Label is positioned over the field and will only accept:hover, and not :focus because its the Label.
Any help will be much appreciate in advance, thanks.
If I removed the label width and padding, it works only in the area the label text isn't ( still not acceptable although looks more like in the direction I want to go, however when u hover over the label text the cursor turns into a pointer again )
Adding this worked.
var $input = $('input');
$input.focus(function(){$(this).prev().css('cursor','text')});
$input.blur(function(){$(this).prev().css('cursor','pointer')});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您应该能够完全使用 css 来完成此操作。对于给出的示例,只需添加 -编辑
如果您想充分利用它,以下似乎可以解决问题:)
You should be able to do this entirely with css. For the example given just add -Edit
If you want to get all fancy with it, the following seems to do the trick :)