jQM 选择预渲染?

Posted

技术标签:

【中文标题】jQM 选择预渲染?【英文标题】:jQM select pre-render? 【发布时间】:2014-01-18 01:14:50 【问题描述】:

我正在使用分组选择来实现我想要的界面...两个问题:

    我需要在实际显示选择列表之前拦截 DOM,因为在注入的 SPAN 中有 jQM 添加的文本,我想通过在标签中包装一些小文本来进一步增强这些文本以获得更好的视觉灵敏度。

    鉴于此代码,选择控件似乎不会全宽。

    <fieldset data-role="controlgroup" data-mini="true">
    

关于如何在 1.4 中完成这些任务的任何想法?

问候, 亚历克斯

【问题讨论】:

【参考方案1】:

您可以告诉 jQuery Mobile 不要自动初始化任何带有特定标签名称、id 或类的小部件。

将下面的代码放在 head 中,jQuery.js 之后和 jQuery Mobile 之前。

<head>
  <!-- jQuery.js -->
  <script>
    $(document).on("mobileinit", function () 
      $.mobile.keepNative = ".native"; /* jQM 1.4 */
    );
  </script>
  <!-- jQM.js -->
</head>

现在,将 native 类添加到 select,以阻止 JQM 在启动时对其进行增强。

做任何你想做的改变,然后手动增强它。

$("select").removeClass("native").selectmenu();

Demo

【讨论】:

以上是关于jQM 选择预渲染?的主要内容,如果未能解决你的问题,请参考以下文章

angular10预渲染实践笔记

angular10预渲染实践笔记

angular10预渲染实践笔记

React 服务端渲染与预渲染

Geoserver WMS 预渲染

如何预渲染多个 Vue 应用页面?