仅将jQuery移动增强应用于单个块

时间:2015-04-24 09:09:36

标签: javascript jquery wordpress jquery-mobile mobile

我有一个wordpress网站,其响应主题在移动设备上看起来不错。但是,我有一个先进的搜索表单,它在移动设备上运行良好,所以我用jquery mobile构建了一个自定义表单,它既有效又看起来不错。如果检测到移动设备,则会显示此表单。

但是唉! JQM对主要内容提出了很多问题。存在严重的样式问题,但更糟糕的是,链接被调成ajax调用,因此页面无法正常加载。

我已经找到了很多关于如何排除某些元素的信息,例如。使用data-role="none"data-enhance="false"(例如here,但这是Wordpress,更改所有这些元素实际上是不可行的。

相反,我想将JQM增强功能应用于包含搜索表单的单个块。

我该怎么做?

编辑:我可以使用autoInitializePage: false关闭自动初始化,但是如何打开所选块的JQM增强功能?

1 个答案:

答案 0 :(得分:0)

所以它只涉及移动设备上表单的样式? 也许在媒体查询中添加一些CSS就足够了? e.g:

@media all and (max-width: 768px)

{ / * css表格* /

}