问题标签 [magicline]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
458 浏览

javascript - Magic Line Not Updating with fullPage.js when Moving Up and Down w Keypad

I've combined Full Page Scroll by Alvaro Trigo, https://github.com/alvarotrigo/fullPage.js and Magic Line Navigation by Chris Coyier, http://css-tricks.com/jquery-magicline-navigation/. Almost gotten it to fully work, except when you scroll up and down with the arrow keys, it updates the active link, but the Magic Line doesn't update to it. So close...

Here is the js fiddle: http://jsfiddle.net/X5juR/

and here is sample code for the Magic Line

Thanks everyone!

0 投票
3 回答
391 浏览

javascript - 将 Magicline 与 Flexslider 一起使用

我正在使用 Flexslider 进行幻灯片放映,并且正在尝试将Magicline与它一起使用。

到目前为止一切正常,但是如果我单击箭头转到下一张幻灯片,魔术线不会移动 - 只有当我将鼠标悬停在一个元素上时它才会起作用。

任何帮助将不胜感激!

更新:我做了一个小提琴 - JSFiddle

HTML:

JS:

0 投票
2 回答
504 浏览

javascript - 使用 jquery 为 wordpress 中的 current_page_item 高亮设置动画

我正在创建一个用于投资组合和学习目的的网站,而且我是网络编程的新手,如果我在代码中犯了一些愚蠢的错误,我很抱歉:)

我想在顶部有一个简单的固定位置菜单的单页滚动网站,在页面滚动期间几乎没有动画,因为我从http://css-tricks.com/jquery-magicline-navigation/获取了参考。这是我到目前为止所取得的成就http://www.pk-pixels.com

除了悬停事件之外,当用户向上或向下滚动页面时,我希望该行动画到下一个/上一个项目。所以我使用 jquery waypoints 插件来生成一个事件

当用户滚动页面时,我成功地将突出显示移动到当前项目,但唯一的问题是它没有动画(有时它会奇怪......),在这里我需要你的帮助,只是在页面滚动时使该行动画:),这是我的 js

这是菜单的html代码

请帮我解决这个问题:)

谢谢

0 投票
2 回答
205 浏览

jquery - 悬停时带有 jquery 滑动线的两个菜单

我正在尝试制作一个悬停时带有滑动线的 Jquery 菜单。我发现了一个名为 Magic Line 的功能,但如果我只将它应用于一个菜单,它就可以工作。我需要用滑动线制作两个单独的菜单。谁能告诉我该怎么做?

这是我的代码。

小提琴

menu #1 is B1, B2, B3.

menu #2 is IT / EN

谢谢你!

0 投票
1 回答
142 浏览

javascript - 超级鱼菜单,只需要魔术线坚持第一个元素

我正在使用超级鱼和魔法线建立导航。

JSFIDDLE:http: //jsfiddle.net/gz7tx0rh/

魔术线的宽度是根据父宽度计算的,如下所示:

它适用于第一级链接。但是,如果您将鼠标悬停在第二级链接上,魔术线将采用新的宽度并展开。我不想要那个。我只需要它与第一级(父级)的宽度相同。

在此处输入图像描述

0 投票
2 回答
1849 浏览

javascript - CKEditor:移除 MagicLine 插件

我一直在尝试删除 CKEditor 中允许您插入段落的红线,并且它顽固地拒绝删除自己。

在创建它的 javascript 中添加此代码:

仍然显示红色条。

将以下行添加到 CKEditor 的 config.js

仍然显示红色条。

MagicLine我在每个位置都尝试了, magicline, Magic Line, magic-line,的几种排列方式Magic-Line,并且每次,红色条都顽固地拒绝消失。

我确定我只是缺少插件的正确名称。它是什么。

0 投票
1 回答
59 浏览

css - 删除 Magicline 使导航跳动

我只是尝试通过取出我将放在下面的 CSS 代码来删除我的 Wordpress 主题中内置的 MagicLine。它起作用了,线路消失了,但现在我的导航很跳跃,正如您在网站上看到的那样:http ://sheisbiddy.com/home/有没有更好的方法来删除线路(我似乎找不到它在主题附带的成堆代码中)还是无论如何让菜单恢复正常?谢谢!

这是导航 CSS 的剩余部分:

0 投票
0 回答
99 浏览

jquery - 魔术线子菜单悬停不起作用

我正在使用魔术线 jquery,它适用于主导航但只要我添加子导航,如果我悬停它会产生一些问题,并且线条会移回第一个菜单并且不会停留在其父级。

这是代码和codepen url,它会因为父菜单悬停而产生问题,因此当悬停在子菜单上时它会失去原始位置。

https://codepen.io/visha97243/pen/Xebpjx

0 投票
1 回答
49 浏览

javascript - 魔术线宽度错误

我有这个 Jquery JS 脚本,它接受一个 UL LI A 并通过添加一个 LI 项目来在它下面添加一条魔术线,该 LI 项跟随悬停在一个 LI 上;我的问题是这个 LI 采用了您悬停的 LI 的 with,我需要它采用 LI A 标签的 with;我想不通。(主要是因为我不懂JS)

});

0 投票
1 回答
128 浏览

javascript - Magic Line & jQuery origLeft undefined 在主页而不是其他页面上工作

在网站上使用 Magic Line,它可以在主页上完美运行。添加了另一个页面,魔术线不再起作用。开发检查中显示的错误是:

未捕获的类型错误:无法读取未定义的属性“左侧”。

该网站是一个带有 Divi 儿童主题的 wordpress 网站。javascript 文件已在子主题functions.php文件中排队。

Javascript是:

html是:

任何帮助都会很棒。