У меня проблема с вкладками jquery и codemirror. Проделав некоторые поиски здесь, мне было рекомендовано вызвать метод обновления codemirror при загрузке вкладок, но если я не нажму на область, она останется скрытой. Прилагается пример html и скриптВкладки CodeMirror и JQuery
Любые идеи?
<script type="text/javascript">
var editorCss;
var htmlCss;
$(function() {
$("#tabs").tabs();
var $tabs = $("#tabs").tabs({
select: function (e, ui) {
var thistab = ui;
runMethod(thistab.index);
}
});
$('#code0').val('//test 0');
$('#code1').val('//test 1');
$('#code2').val('//test 2');
editorCss = CodeMirror.fromTextArea(document.getElementById("code1"), {});
htmlCss = CodeMirror.fromTextArea(document.getElementById("code2"), {});
});
function runMethod(tabindex) {
switch (tabindex) {
case 1:
editorCss.refresh();
break;
case 2:
htmlCss.refresh();
break;
}
}
</script>
<body>
<h1>CodeMirror: CSS mode</h1>
<div id="tabs">
<ul>
<li><a href="#tabs-0">General</a></li>
<li><a href="#tabs-1">Html</a></li>
<li><a href="#tabs-2">CSS</a></li>
</ul>
<div id="tabs-0">
<textarea id="code0" name="code0" rows="10" cols="10"></textarea>
</div>
<div id="tabs-1">
<textarea id="code1" name="code1" rows="10" cols="10"></textarea>
</div>
<div id="tabs-2">
<textarea id="code2" name="code2" rows="10" cols="10">hello 2</textarea>
</div>
</div>
</body>