小编Mat*_*tin的帖子

jQuery基于页面URL添加类

认为这是一个简单的问题,但我不能让它为我的生活而工作.

我想要做的就是在页面中添加一些javascript,根据URL将类添加到主页面容器中.

假设我在root.com上有一个站点和以下的html结构(松散地说):

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  </head>
  <body>
    <div id="main" class="wrapper">
      Blah, blah, blah
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

我想要做的是一个脚本,如果页面=(例如)root.com/technology,它会向主div添加一个类.所以div现在看起来像:

     <div id="main" class="wrapper tech">
Run Code Online (Sandbox Code Playgroud)

我已经加载了jquery,所以我想这样做.

javascript css url jquery

10
推荐指数
2
解决办法
4万
查看次数

GraphQL和中继过滤UI

提示

如果您使用中继构建Google日历,您将如何构建GraphQL架构和中继容器/组件以正确处理显示和隐藏多个日历?

试图

有人可能会想到这样的架构:

viewer {
  user {
    calendars(calendarIds: [String]) {
      edges,
        node {
          name,
          id,
          events(dates: [Date]) {
            ... edges, node, eventinfo...
          }
        }
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

所以,我可以下载所有日历和所有活动,或特定日历,或者你有什么.

构建中继容器和组件,我想象如下:

<CalendarView Container>
  <CalendarView>
    <WeekView> or <MonthView> or <Agenda> etc...
      <Event>
Run Code Online (Sandbox Code Playgroud)

这样CalendarView中继容器设置请求日历的片段,CalenderView组件用于setVariables切换视图中该日历的显示/隐藏.

我遇到的问题(并且让我的头脑旋转)是Day/ Week/ Month/ Agenda组件是组合视图 - 也就是说,它们需要来自所有选定事件的数据.

地图厚度

现在,这听起来很好 - CalendarView设置calendarId变量并将结果事件传递下来,对吧?嗯...有点儿.现在片段for CalendarView用一组构造calendarIds,这样calendar打开或关闭一个片段就会改变要获取的整个树.

GOTCHA?

据我所知,中继将每种组合calendarIds视为完全不同的提取.因此,当我切换一个新的时,id它会获取所有事件,即使对于我已经提取的那些日历也是如此.

放入代码:

fragment calendar(calendarIds: [1, …
Run Code Online (Sandbox Code Playgroud)

reactjs graphql relayjs

6
推荐指数
1
解决办法
518
查看次数

标签 统计

css ×1

graphql ×1

javascript ×1

jquery ×1

reactjs ×1

relayjs ×1

url ×1