2017-06-08 11 views
0

こんにちは私はcodemirrorでツールチップを使用していますが、私が望むのは、ツールチップの境界線をエディタの境界から外していないことです...このリンクを参照して、ツールチップのボーダーをエディタの境界から外してみましょうjsbinjqueryのツールチップの境界をどのように制限できますか?

これはコードです: CSS:

.tooltip{background:red;z-index:1000;} 

スクリプト:私はこの問題を解決するにはどうすればよい

var cm = CodeMirror(document.getElementById("editor"), { 
    value: "function myScript() {\n return 100;\n}", 
    mode: "javascript", 
    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 sfdl glrflg rgmlf', 
     container: 'body', 
     delay: { "show": 500, "hide": 100 }, 
     animation: false 
    }); 
}); 

$('#remove').click(function() { 
    if (textMarker) { 
     textMarker.clear(); 
    } 
}); 

注:panding 0は問題私はあなたのCSSコードに0パディングを追加しました

答えて

0

を解決することはできませんので、私は、appare全くツールヒントのタイトルにしたいです。

html, body { 
    padding: 0; 
} 

this達成したいことはありますか?

+0

いいえ、あなたの場合のツールチップのタイトルは@Flks3rと表示されません...ツールチップのタイトルとツールチップの境界線がエディタの境界線から外れないようにしたい – kernal

関連する問題