如何在div的整个内容中禁用jquery mobile的样式?

时间:2013-08-16 18:07:33

标签: jquery jquery-mobile

我在jQuery Mobile的项目上工作。

在页面中,我希望使用mobilescroll作为选择(http://demo.mobiscroll.com/select#language=fr&display=inline

我尝试data-role="none",但它对孩子们不起作用 并mobilescroll创建自己的标签。

如何在div的整个内容中禁用jQuery Mobile的样式?

由于

1 个答案:

答案 0 :(得分:1)

可以防止jQuery Mobile增强元素。但是,遵循此解决方案将使您的应用程序比平时更慢。

  

<强> Demo

首先,您需要将 ignoreContentEnabled 全局设置为 true

<head>
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script>          
    $(document).on("mobileinit", function(){
      $.mobile.ignoreContentEnabled = true;
    });
  </script>
  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>

然后,将data-enhance="false"属性添加到您不希望JQM增强的元素。这就是app变慢的原因,因为JQM会检查所有元素中的这个属性。