Question

我想要的工作：当屏幕尺寸小于992px并单击侧边栏菜单链接时，新页面将打开而没有侧边栏菜单

现在，它的工作方式如下：：当它高于992px时，它将保持打开状态，并且可以切换为打开和关闭状态。我有这段代码可以通过在屏幕尺寸小于992px时自动关闭侧边栏导航来工作，然后可以将其打开以进行查看。虽然，当您单击菜单项时，即使屏幕低于992px，它也会在打开的新页面上重新打开。

$(function(){
   $("#menu-toggle").click(function(e) {
       e.preventDefault();
       $("#wrapper").toggleClass("toggled");
   });

   $(window).resize(function(e) {
     if($(window).width()<=992){
       $("#wrapper").removeClass("toggled");
     }else{
       $("#wrapper").addClass("toggled");
     }
   });
});

当我单击菜单项时，它将重新打开菜单侧栏。

如何获取代码，以便在单击菜单项/链接的位置和位置打开新页面，然后屏幕小于或等于992px时，它会在菜单切换为关闭的情况下打开新页面？

Answer 1

据我所知，您应该收听import SceneKit class CylinderLineNode: SCNNode { private(set) var cylinder: SCNCylinder private(set) var positionA: SCNVector3 private(set) var positionB: SCNVector3 init(with positionA: SCNVector3, positionB: SCNVector3, radius: CGFloat = 0.02, color: UIColor = .red) { self.positionA = positionA self.positionB = positionB let vector = positionB - positionA let height = vector.length() cylinder = SCNCylinder(radius: radius, height: CGFloat(height)) cylinder.radialSegmentCount = 8 cylinder.firstMaterial?.diffuse.contents = color super.init() geometry = cylinder position = (positionB + positionA) / 2 eulerAngles = SCNVector3.lineEulerAngles(vector: vector) } ... }事件。例如：

load

如果要节省空间，可以编写如下。但我不建议）

function checkWidthAndToggle() {
  if($(window).width()<=992){
    $("#wrapper").removeClass("toggled");
  }else{
    $("#wrapper").addClass("toggled");
  }
}

$(window).on('resize load', checkWidthAndToggle);

在移动设备上单击新按钮（单击菜单链接时）时关闭边栏？

1 个答案: