jQuery Mobile显示隐藏的选择元素

前端之家收集整理的这篇文章主要介绍了jQuery Mobile显示隐藏的选择元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用display:none查看此select元素.在jQuery Mobile中,尽管如此:
<select id="dddd" name="dddd"
        data-mini="true" data-native-menu="false" data-theme="c"
        onChange=""
        style="display:none">     
  <option value="1">An optinos</option>
</select>

我试图显示/隐藏依赖于其他用户操作的jQuery Mobile选择元素,因此我为什么要这样做.

有任何想法吗?

解决方法

当您的页面加载时,jQuery Mobile会增强您的页面以使其具有移动外观.不幸的是,jQuery移动目前存在一个问题,它无法将自定义类(甚至是样式属性自定义样式)附加到增强元素.请检查 https://github.com/jquery/jquery-mobile/issues/3577是否有问题.作为一个解决方法,虽然仍然没有解决此问题,您实际上可以将其包装在div元素内,并控制div包装器的显示.
<div id="dddd-wrapper" class="ui-screen-hidden">
  <select data-mini="true" data-native-menu="false" id="dddd" name="dddd" data-theme="c"     onChange="" style="display:none">     
    <option value="1">An optinos</option>
  </select>
</div>

ui-screen-hidden是一个用于隐藏元素的jquery移动定义样式规则(在jquery.mobile..css中).

猜你在找的jQuery相关文章