小编Mar*_*ick的帖子

如何删除链接并添加功能

我有一个封闭的系统,无法编辑html/css文件.它生成这样的东西:

<li>
   <a href="exp.html">Linktext</a>
</li>
Run Code Online (Sandbox Code Playgroud)

我想删除该href属性并将其替换为slideToggle函数.

到目前为止,我试图写这样的东西:

$('li').removeAttr('href');
$('li').click(function(){
    $('#example').slideToggle();
});
Run Code Online (Sandbox Code Playgroud)

我需要保留<a>标签的造型.对于那些喜欢它的人来说,这是一个小提琴!

jquery

3
推荐指数
1
解决办法
42
查看次数

如何使用弹性盒重新排序div?

我试图为我的DOM保持一个seo友好和语义结构,而不重复整个元素以在各种位置显示它们.

我的布局基于display: flex项目.我尝试实现以下目标:

预览移动和桌面布局

重要的事情要知道:

  • 我不想根据窗口宽度显示/隐藏div(以避免不必要的重复)
  • 没有div具有已知或固定的高度
  • 在桌面上,div应该是垂直居中的,而右列是构建一个标记团队(表现得像一个单独的div)
  • 布局需要至少支持IE11 +

是否只有css解决方案来实现这一目标?

如果没有,可以很容易地删除绿色div并使用javascript将其内容粘贴到粉红色的内容中.但我确实对使用它的性能和"闪烁"感到担忧,尽管调整浏览器大小使其变得更加复杂.我是否让这种不必要的复杂化?

这里是小提琴显示一个工作的解决方案,但使用javascript:

CODEPEN DEMO

html javascript css css3 flexbox

3
推荐指数
1
解决办法
747
查看次数

只嵌入了一些google webfonts的字母

我正在使用谷歌RobotoRoboto Sanswebfonts.阅读Google Developers Doc,有一种方法只能嵌入整个webfont的某些字母?text=customletters.

我已经生成了这两个嵌入链接:

<!-- whole roboto font -->
<link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
<!-- only custom letters of roboto slab using text?= -->
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700?text=I%20am%20an%20example' rel='stylesheet' type='text/css'>
Run Code Online (Sandbox Code Playgroud)

1)这对我在野生动物园中不起作用.我的代码有问题吗?

2)虽然,有没有办法将这两行组合起来,以避免在每个页面加载时向另一台服务器发出两个请求?

3)最后和最不重要的是,嵌入@importlink href嵌入方式是否会对性能产生任何影响?

JSFIDDLE DEMO

javascript webfonts google-webfonts

2
推荐指数
1
解决办法
521
查看次数

由于一些神奇的隐藏数字,CSS类将无法工作

我有一个<div>,class并希望为它分配一个基本的风格.不知何故,我的编辑Atom似乎搞砸了这段代码.我复制并粘贴了

.my {
  background: yellow;
}
Run Code Online (Sandbox Code Playgroud)

我的编辑器,这是行不通的.然后我添加了另外两个例子,它们确实有效.以下视频说明了问题:

https://vid.me/c2iB

虽然很容易解决这个问题,但是我在第二节课中遇到了这个问题,我感兴趣的是,这个错误是如何发生的.有人有想法吗?

CODEPEN DEMO

html javascript digit

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

带有箭头和全背景颜色悬停的 CSS 选项卡

我得到了以下标签栏导航,我只想在 CSS 中进行:

标签导航栏

在这个屏幕上,我将最后一个元素“Endergebnis”标记为.activeor :hover

我想用 将箭头创建为伪元素position: absolute,虽然关于多个元素使用transform: rotate(x deg),但在每个解决方案中,我不知道如何为每个选项卡提供完整的填充背景颜色。

有人能给我一个好的提示吗?

html css

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

如果没有boolean和string,则打字稿

我正在使用TypeScript React和Meteor编辑应用程序.目前我得到以下状态:

  {user && ( ... )}
Run Code Online (Sandbox Code Playgroud)

仅当访问者是登录用户时才显示一些数据.我虽然要显示的数据如果比赛是不是取消.所以我试着补充一下

  {user && !tournament.state === 'cancelled' && ( ... )}
Run Code Online (Sandbox Code Playgroud)

这不起作用.我收到以下linter消息:

运算符'==='不能应用于类型'boolean'和'"cancelled''.

我该如何解决这个难题?

javascript typescript

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

用 ES6 填充缺失数据点的数组

我有一个数据样本:

{
  data: [
    { day: 0, amount: 0 },
    { day: 3, amount: 5 },
    { day: 7, amount: 8 },
    { day: 8, amount: 14 }
  ]
}
Run Code Online (Sandbox Code Playgroud)

为了做一些数学运算和计算局部回归,我需要填写每个缺失的日子,同时我知道总天数。

假设上面的例子有 10 天,这应该是我的结果:

{
  data: [
    { day: 0, amount: 0 },
    { day: 1, amount: 0 },
    { day: 2, amount: 0 },
    { day: 3, amount: 5 },
    { day: 4, amount: 5 },
    { day: 5, amount: 5 },
    { day: 6, amount: 5 },
    { …
Run Code Online (Sandbox Code Playgroud)

javascript arrays

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