- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我一直在尝试在我的网页底部创建一个小框,它会在滚动时展开/弹出,然后在鼠标移开时再次关闭。
我找到了这个 post带有指向 jsfiddle.net 的链接(我一直在摆弄它)并创建了一些在 JSFiddle 上查看时完全像我想要的东西。但是当我在我的网站上弹出它时我无法让它运行(我认为这可能与 onLoad
设置有关但我真的不确定)。
这是我在 JSFiddle 中创建的:
$('#box').hover(function() {
$(this).animate({
height: '220px'
}, 150);
}, function() {
$(this).animate({
height: '20px'
}, 500);
});
#box {
position: absolute;
width: 300px;
height: 20px;
left: 33%;
right: 33%;
min-width: 32%;
bottom: 0;
background-color: #000000;
}
<div id="box"></div>
这在 JSFiddle 中工作正常,但当我尝试将代码插入我的文件并将它们链接在一起时却不行。如果我将 JSFiddle 中的下拉框从 onLoad
或 onDomReady
更改为其他任何内容,它将停止工作,但代码不会更改。所以我想我必须为此在某处添加其他内容。
正如您可能猜到的那样,在 JavaScript 方面我是一个完全的新手,所以我肯定我做错了什么。
有人可以告诉我如何保存 JavaScript 代码并将其链接到我的网页,以便它像在 JSFiddle 上一样工作吗?
最佳答案
您将立即运行此代码,而不是等待 DOM 准备就绪。这意味着 #box
元素可能还不存在。
jsFiddle 自动执行此过程,使您的代码更简洁。将代码放入自己的网站时需要自己动手。这非常简单:您只需将代码放入 a callback to the ready
event on the document
:
$(document).ready(function() {
// put your Javascript here
});
或者,一个快捷方式:
$(function(){
// put your Javascript here
});
这些在语义和功能上是等价的。
关于javascript - 如何将 jsfiddle.net 中的代码放入我的网站?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4936870/
这个问题在这里已经有了答案: Adding images in JSfiddle [closed] (3 个回答) 7年前关闭。 我想在 jsfiddle 中使用一个小图像/图标。 我该怎么做?我在某
我曾经能够访问 jsfiddle.net 并加载特定版本的 jquery、angular 或我选择使用的任何库。但现在这一切都过去了。有谁知道发生了什么? :O 最佳答案 在 jsfiddle.net
我一直在使用jsFiddle帮助回答有关 Stack Overflow 的问题,并且一些旧代码/脚本已经开始消失 - 似乎在闲置一定时间后就会过期。 我尝试查看 jsFiddle documentat
jsfiddle 允许在边栏的外部资源 部分导入外部脚本。是否可以在其中导入另一个 jsfiddle 的 javascript? 例如,我可以创建一个名为“A”的 jsfiddle,它创建一个 jav
是否可以选择和复制我在 jsfiddle 中编写的代码? 当我尝试选择代码(Chrome 28.0,Mac OSX)时,一旦我松开鼠标(准鼠标),文本就会被取消选择。 对不起,如果已经有类似的问题,但
我想在 jsFiddle 中展示纯 JavaScript 示例,我只需要一个 JavaScript 窗口和一个控制台。我已经弄清楚如何显示控制台窗口,但是有没有办法删除 HTML 和 CSS 窗口?有
如果我有私有(private)脚本,在“所有 fiddle ”类别中如何将它们移动到“公共(public) fiddle ”类别? 最佳答案 要公开 JSFiddle 脚本: 打开脚本。 打开左侧的“
我刚刚发现了 jsfiddle,我喜欢这个工具并且已经注册了一个帐户。现在我想分享一个我刚刚创建的 fiddle ,但我找不到保存它的网址或按钮,有人能告诉我该怎么做吗?这不可能那么困难,但它让我发疯
在文档中: “保存”或“ fork ”按钮始终出现在用户界面中。如果没有加载 fiddle ,则会出现第一个,后者用于从现有 fiddle 创建一个新 fiddle 。 当 fiddle 是全新的时,
在 jsFiddle 上有什么方法可以将其他用户的公共(public) jsFiddle 代码复制到我的仪表板吗?我可以通过手动复制代码和配置来完成,但我在 jsfiddle.net 上找不到任何选项
我正要问一个关于 JSFiddle 的问题,我注意到图像(我在 Imgur 上得到的)没有出现。如果我直接在浏览器中加载图像,然后重新加载 fiddle ,图片就会显示出来,但如果您尚未加载图片,它们
jsfiddle.net 中有没有办法为代码提供人类可读的名称 片段? 最佳答案 更改 fiddle 名称后无需 fork 您的 fiddle 。您可以使用顶部的 (Set As Base) 选项将其
我真的很喜欢 JSFiddle ,我用了很多。 此刻,我有大约 80 把 fiddle ,我 创建/ fork 在 my JSFiddle dashboard .我要翻8页才能找到具体 用我的眼睛扫视
我认为 jsfiddle 非常简洁,我昨天用它来帮助 stackoverflow 上的某个人。 我创建了一个新 fiddle ,点击“保存”并使用此提供的链接:http://jsfiddle.net/
较早的“设置为基础”按钮在 jsfiddle.net 中。现在它消失了。我使用我的用户名登录。可能是什么原因? 最佳答案 当我在没有登录的情况下开始一个新的 fiddle 时,我遇到了同样的问题(在创
JsFiddle 是我的实验室,但目前一切都停止了,因为我无法在其中工作。我尝试使用为外部链接提供的空间,但无济于事。我什至直接添加了链接,但它仍然不起作用。 我正在进行实验,但无法使其正常工作。将
我试图在 jsFiddle 中包含 Google 字体,但没有成功。我将 URL 添加到“外部资源”,但它包含为 . 这是我想要包含的字体: 最佳答案 Web 字体必须包含在 CSS 象限中,使用
我的简单反网络欺凌插件代码在 JSFiddle 中完美运行,但无法在我的网站上运行,即使我添加了 document.ready 并使用了像 jslint 这样的 c+p 清理器。该代码在 JSFidd
我在这里学习一本书,有一个练习需要 2 个 HTML 文件,我想知道是否可以在我的 JsFidle 中使用 HTML 文件 最佳答案 我不认为这是可能的。但是,您可以使用 Plunker。它非常相似,
我试图了解 Body 标记字段在 JSFiddle 中的作用,但在他们的文档(我能找到)中没有引用它。我问是因为我想控制 body 和 html 标签的 CSS,可能没有样式标签。 最佳答案 文档不是
我是一名优秀的程序员,十分优秀!