JQuery Mobile破坏了我的布局:如何禁用自动打字

JQuery Mobile destroyed my layout: how to disable autostyling?

本文关键字：何禁用 Mobile 坏了 我的 布局 JQuery      更新时间：2023-09-26

我正在开发一个网站，我在引导程序上完成了所有的设计和样式，它运行得很好。然后我想为移动菜单添加一个面板。

该面板是本例右侧的面板：jQueryMobile面板，单击加号

我取下点击加号的面板，然后把它添加到我的网站上（用我的菜单而不是面板内的表格）。它工作得很好，但添加jQueryMobileJS完全破坏了我的布局，在我的代码和附加的样式周围添加了很多ui-*类。

我试过这些东西：

  • 禁用css整体（但面板不再工作）
  • 选择性地只重命名那些会造成更大混乱的类，但工作量太大了，为了修复一个复选框，我不得不重命名几个ui类
  • 摆弄js（面板停止工作）

我只需要面板。我不需要表格上所有令人毛骨悚然的造型或其他不需要的东西。

现在我不知道该怎么办了。有另一种方法可以让这个小组处理我们所有的烂摊子吗？他们为什么这么侵扰js？

您可以使用：

data-role="none"

如果您还想在mobileinit事件中禁用移动使用：

$.mobile.autoInitializePage = false;

如果您有几个元素，请在开始加载页面上使用一个函数：

$(document).on('pagebeforecreate', function( event ) {
      // add the data-role="none" to desired elements...
      $( "input, select", event.target ).attr( "data-role", "none" );
});
相关文章：