Javascript 如何修复jQuery mobile子菜单中的标题

Javascript 如何修复jQuery mobile子菜单中的标题,javascript,jquery,css,jquery-mobile,Javascript,Jquery,Css,Jquery Mobile,我对jQuery非常陌生,无法解决以下问题:我有一个主菜单,单击主菜单会打开一个包含多个项的子菜单 <head> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

我对jQuery非常陌生,无法解决以下问题:我有一个主菜单,单击主菜单会打开一个包含多个项的子菜单

<head>
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script>
</head>


副标题
主割台
项目1
项目2
项目3
项目4
项目5
项目6
项目7
项目8
项目9
项目10
项目11
项目12
项目13
项目14
项目15
项目16
项目17
项目18
项目19
项目20
项目21
项目22
项目23
项目24
项目25
项目26
项目27
项目28
项目29
项目30

现在,我想修复子标题,使其不再与所有项目一起滚动。不幸的是,
data position=“fixed”
不起作用。

您可以使用CSS解决它。 如果要将弹出窗口的高度限制为打开时不滚动,可以使用最大高度60vh或类似设置,并设置垂直滚动

.ui-selectmenu.ui-dialog .ui-content {
  max-height: 60vh;
  overflow-y: scroll;
}
如果需要,为了修复它,请添加以下CSS:

#items-dialog {
  position: fixed;
  left: 0;
  top: 0;
}

您可以使用CSS解决它。 如果要将弹出窗口的高度限制为打开时不滚动,可以使用最大高度60vh或类似设置,并设置垂直滚动

.ui-selectmenu.ui-dialog .ui-content {
  max-height: 60vh;
  overflow-y: scroll;
}
如果需要,为了修复它,请添加以下CSS:

#items-dialog {
  position: fixed;
  left: 0;
  top: 0;
}

谢谢你,阿扎梅津!选择某个项目时,是否有可能通过CSS更改左上角X的颜色?您可以使用类
.ui btn icon notext
,使用CSS选择该项目,但我建议您使用类包装所有内容,以便在选择时更加具体。我不明白你所说的“当一个项目被选中”是什么意思。谢谢你,阿扎梅津!选择某个项目时,是否有可能通过CSS更改左上角X的颜色?您可以使用类
.ui btn icon notext
,使用CSS选择该项目,但我建议您使用类包装所有内容,以便在选择时更加具体。我不明白你所说的“选择项目时”是什么意思。