为什么 jsfiddle.net 上的代码在 jsbin.com 上不起作用?
Why is the code on jsfiddle.net not working in jsbin.com?
我使用 codemirror 创建自己的语言,当我停在函数名称上并将鼠标悬停在它上面或按下 (Ctrl+ 时我想做什么I) 显示工具提示显示此函数的类型和其他数据,jsfiddle.net 上的代码 运行 但 jsbin.com 上没有 运行
var cm = CodeMirror(document.getElementById("editor"), {
value: "function myScript() {\n return 100;\n}",
indentUnit: 4,
lineNumbers: true
});
var textMarker;
$('#add').click(function() {
textMarker = cm.markText({
line: 1,
ch: 4
}, {
line: 1,
ch: 10
}, {
className: 'marked-text'
});
$('.marked-text').tooltip({
title: 'This is a return statement',
container: 'body',
delay: { "show": 500, "hide": 100 },
animation: false
});
});
$('#remove').click(function() {
if (textMarker) {
textMarker.clear();
}
});
link 工作代码:here code works
我尝试了但没有成功:my try
尝试将 "external resources" 下的库从 jsfiddle 添加到 jsbin。
编辑:
是的,你是对的,你添加了库。我成功地将 JQuery 作为第一个 script
,因为您无法在 JQuery 之前加载 bootstrap。然后将 http
更改为 https
.
我使用 codemirror 创建自己的语言,当我停在函数名称上并将鼠标悬停在它上面或按下 (Ctrl+ 时我想做什么I) 显示工具提示显示此函数的类型和其他数据,jsfiddle.net 上的代码 运行 但 jsbin.com 上没有 运行
var cm = CodeMirror(document.getElementById("editor"), {
value: "function myScript() {\n return 100;\n}",
indentUnit: 4,
lineNumbers: true
});
var textMarker;
$('#add').click(function() {
textMarker = cm.markText({
line: 1,
ch: 4
}, {
line: 1,
ch: 10
}, {
className: 'marked-text'
});
$('.marked-text').tooltip({
title: 'This is a return statement',
container: 'body',
delay: { "show": 500, "hide": 100 },
animation: false
});
});
$('#remove').click(function() {
if (textMarker) {
textMarker.clear();
}
});
link 工作代码:here code works
我尝试了但没有成功:my try
尝试将 "external resources" 下的库从 jsfiddle 添加到 jsbin。
编辑:
是的,你是对的,你添加了库。我成功地将 JQuery 作为第一个 script
,因为您无法在 JQuery 之前加载 bootstrap。然后将 http
更改为 https
.