2 u013730539 u013730539 于 2016.02.26 10:12 提问

jquery mobile 在header中间位置 定义搜索框

使用jQuerymobile 框架,要实现 在头部 左侧是头像显示 中间是搜索框 右边是 图标 的效果 、
新手、求帮助

1个回答

caozhy
caozhy   Ds   Rxr 2016.03.07 05:49

直接插入3个div,设置下width宽度,然后中间那个加入一个搜索框

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
jQuery Mobile中头部栏header的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项 jQuery Mobile中头部栏header的data-*选项 带有 data-role=”header” 的容器。 //data-id sometext 规定唯一 ID。对于持续的头部栏是必需的 //data-position
jquerymobile-17 搜索框、滑动按钮(Slider)、开关(Flip toggle switch)
今天介绍一下搜索框、滑动按钮(Slider)、开关(Flip toggle switch),我写的东西都是比较简单的,所以还需要读者认真的去研究官方的API。 首先给一个搜索框的代码: Form Example 8 Form Demo 姓名: 效果如下: 搜
JQuery Mobile入门——添加头部导航栏
1、在头部导航栏中,也可以保留头部栏中的标题与按钮,只要将导航栏容器以嵌套的方式放置在头部即可。 2、示例代码:     New Document                       图书频道       图书 音乐 影视      这是图书页面  @2013 3I Studio           音乐频道
JQuery Mobile Popup窗口定位
在JQuery Mobile 1.4.5 Demo中,有Popup窗口定位的实例,看上出倒是很强大,自己用起来的确很蛮烦的,本人通过修改窗口位置来实现相对定位,供参考。/*计算菜单位置*/ function openGroupMenu(){ var left, top; var rect = document.getElementById('vbook-books-menu').ge
jquerymobile-6 自适应header、footer和全屏视图
原文链接:http://blog.csdn.net/mengxiangyue/article/details/8502422 在开发的过程中我们开发的页面可能会非常的长,我们在页面的两端放置了header和footer。这样的页面当我们滚动的时候,header和footer会随着滚动而滚到屏幕外,这时候我们如果想操做header和footer必须再滚动回去。jquerymobile为我们
jqueryMobile footer/header问题 显示隐藏的问题
jqueryMobile     footer  和  header 能不能一直设置显示状态,我发现每次点击页面都会隐藏再点击又显示出来,这个很烦人,有没有方法设置一直保持屏幕底部  不会跑到程序最下面……我已经设置了    data-position="fixed" 但是没有固定位置的效果!或者这个有没有更好的方式  固定? data-tap-toggle="fal
jquerymobile-7 表单基础 radio buttons和checkboxes select menu 搜索框、滑动按钮(Slider)、开关(Flip toggle switch)
在开发的过程中,经常会用到表单进行交互,所以是比较重要的。今天就开始一点有点介绍吧。 对于我发表的文章,都是比较肤浅的,属于入门性的东西,如果你看着感觉在浪费时间,那么请不要拍砖,你去官网上看就可以了。 在开发的过程中,我们经常会用到的就是登录,开始就先写一个页面介绍一下基础: [html] view plaincopy >  html>  head>  title>F
【jquery mobile笔记三】设置jqm的背景色(header,content,footer)
收银台         给header或者footer这样的bar条设置为蓝色背景,其中class="ui-bar-b"是jqm自带的,一共有ui-bar-a(黑色),ui-bar-b(蓝色),ui-bar-c(比较浅的灰白),ui-bar-d(比较深的灰白),ui-bar-e(黄色)5中自带的颜色。 给需要设置背景的div里加上相应的class="ui-bar-b"即可。 如果想自定义颜
jQuery Mobile (六) header
在jquerymobile页面中,一般都会有一个header,在header一般我们除了设置标题 之外, 可以还会设置左右两边的按钮 如下: Hello World <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, u
jQuery Mobile中固定工具栏header、footer的data-*选项
全栈工程师开发手册 (作者:栾鹏) jQuery Mobile 所有data-*选项jQuery Mobile中固定工具栏header、footer的data-*选项带有 data-role=”header” 或 data-role=”footer”,并带有 data-position=”fixed” 属性的容器。//data-disable-page-zoom true | fals