2017-02-26 11 views
2

私は自分の言語をcodemirrorで作っています。機能の名前に立ち寄り、その上にカーソルを置いたときにやりたいことや、(Ctrl + I)ツールチップにこの機能のタイプとその他のデータを表示するjsfiddle.netで、コードの実行が、jsbin.comjsfiddle.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(); 
    } 
}); 

に取り組んコードへのリンクを実行していない:here code works

マイ試してますが動作しません:my try

答えて

0

jsfiddleからjsbinに「external resources」の下にライブラリを追加してみてください。

編集: はい、ライブラリを追加しても問題ありません。 JQueryの前にブートストラップをロードすることができないので、最初にscriptとしてJQueryを入れて動作させました。その後、httphttpsに変更します。

+0

plzは私はロドリゲストレスVAN – code

+0

チェック更新@codeを@に尋ねる前に、それはあなたの変更後に動作し、OKをイバン・ロドリゲス・トーレス –

+0

jsbinするjsfiddleから「外部リソース」の下にライブラリを追加し、コードを参照してくださいjsbinではjsfiddleのように見えませんか?@IvánRodríguezTorres – code

関連する問題